@charset "UTF-8";
/*网页相关 */
html { width: 100%; height: 100%; background-color: #fff; color: #555; font-size: 16px; -webkit-tap-highlight-color: transparent; }

body { font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif; color: #555; zoom: 1; -webkit-text-size-adjust: none; }

/*全局padding，margin */
body, ul, ol, dl, dd, figure, form, fieldset, legend, input, textarea, button, blockquote, th, td, pre, xmp { margin: 0; padding: 0; }

/*1倍行高需求 */
body, input, textarea, button, select, pre, xmp, tt, code, kbd, samp { line-height: 1; font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6, small, big, input, textarea, button, select { font-size: 100%; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif; }

/*取消加粗 */

/*取消斜体 */
address, cite, dfn, em, i, optgroup, var { font-style: normal; }

/*表格相关 */
table { border-collapse: collapse; border-spacing: 0; text-align: center; }

caption, th { text-align: inherit; }

ul, ol, menu { list-style: none; }

fieldset, img { border: 0; }

/*行内块底部三像素 */
img, object, input, textarea, button, select { vertical-align: middle; }

article, aside, footer, header, section, nav, figure, figcaption, hgroup, details, menu { display: block; }

audio, canvas, video { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }

blockquote:before, blockquote:after, q:before, q:after { content: " "; }

textarea { overflow: auto; resize: vertical; }

input, textarea, button, select, a { outline: 0 none; border: none; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

mark { background-color: transparent; }

a, ins, s, u, del { text-decoration: none; }

/*角标相关 */
sup, sub { vertical-align: baseline; }

/*水平线相关 */
hr { height: 0.02rem; margin: 0.1rem 0; border: medium none; border-top: 0.02rem solid #cacaca; }

/*超链接相关 */
a { color: #555; display: block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

h1, h2, h3, h4, h5, h6, p { padding: 0px; margin: 0px; }

div { box-sizing: border-box; }

/*通用样式 */
body { color: #555; font-size: 16px; letter-spacing: 0.5px; }

/*页面内容显示区域 */
.contain { margin: 0 auto; width: 1300px; padding-top: 0.1px; }
.contain:after { content: ""; clear: both; display: block; }

.left { float: left; }

.right { float: right; }

.pager { text-align: center; }
.pager a { display: inline-block; vertical-align: middle; font-size: 16px; color: #999; margin: 0 7px; }
.pager .Pages .p_total, .pager .Pages .p_cur, .pager .Pages .p_count, .pager .Pages .p_jump { display: none !important; }
.pager .Pages .p_page .a_first, .pager .Pages .p_page .a_end { display: none !important; }
.pager .Pages .p_page .a_prev, .pager .Pages .p_page .a_next { margin: 0 20px; }
.pager .Pages .p_page .a_prev:before { display: inline-block; vertical-align: middle; content: ""; margin-top: -2px; margin-right: 14px; width: 9px; height: 15px; background-image: url("../images/common/pageIcon1.png"); background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.pager .Pages .p_page .a_next:after { display: inline-block; vertical-align: middle; content: ""; margin-top: -2px; margin-left: 14px; width: 9px; height: 15px; background-image: url("../images/common/pageIcon2.png"); background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.pager .Pages .p_page .num a { width: 40px; height: 40px; line-height: 40px; text-align: center; }
.pager .Pages .p_page .num a.a_cur { background: #102f66; color: #fff; }

.pageContent { text-align: center; }
.pageContent > div { line-height: 47px; border-bottom: 1px solid #eaeaea; text-align: left; font-size: 13px; color: #333; padding-left: 15px; }
.pageContent > div:nth-of-type(1) a:before { background-image: url("../images/common/content1.png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.pageContent > div:nth-of-type(2) a:before { background-image: url("../images/common/content2.png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.pageContent > div a { color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
.pageContent > div a:before { width: 27px; height: 27px; content: " "; display: inline-block; margin-right: 15px; vertical-align: middle; margin-top: -3px; }

@media screen and (max-width: 1440px) { .contain { width: 1260px; padding-left: 60px; } }
@media screen and (max-width: 1260px) { .contain { width: 100%; } }
@media screen and (max-width: 1100px) { .contain { width: 100%; padding: 0 2%; } }
@media screen and (max-width: 640px) { .pager { text-align: center; }
  .pager .Pages .p_page .a_prev, .pager .Pages .p_page .a_next { margin: 0 5px; font-size: 12px; }
  .pager .Pages .p_page .a_prev:before { margin-right: 10px; }
  .pager .Pages .p_page .a_next:after { margin-left: 10px; }
  .pager .Pages .p_page .num a { margin: 0 5px; width: 30px; height: 30px; line-height: 30px; } }
/*左侧导航 */
#top { position: fixed; top: 0; right: 0; left: 0; z-index: 50; background: #102f66; display: none; text-align: center; }
#top .contain { height: 60px; display: flex; justify-content: space-between; align-items: center; }
#top .contain:after { display: none; }
#top .logo { height: 40px; display: inline-block; }
#top .logo img { height: 100%; }
#top .searchCon { display: none; position: absolute; width: 180px; height: 40px; top: -40px; left: 50%; -webkit-transform: translate(-50%, 0) rotate(0) scale(1, 1); -moz-transform: translate(-50%, 0) rotate(0) scale(1, 1); -ms-transform: translate(-50%, 0) rotate(0) scale(1, 1); -o-transform: translate(-50%, 0) rotate(0) scale(1, 1); transform: translate(-50%, 0) rotate(0) scale(1, 1); overflow: hidden; border: 1px solid #102f66; font-size: 12px; color: #fff; display: block; position: static; transform: none; height: auto; }
#top .searchCon input { border-radius: 40px 0 0 40px; background: rgba(255, 255, 255, 0.1); height: 30px; width: 70%; float: left; border: none; padding: 0 10px; box-sizing: border-box; color: #fff; }
#top .searchCon div { cursor: pointer; border-radius: 0 40px 40px 0; height: 30px; line-height: 30px; width: 29%; float: left; text-align: center; background: rgba(0, 0, 0, 0.5); color: #fff; }

@media screen and (max-width: 1100px) { #top { display: block; } }
/*大logo */
#logoFull { position: absolute; width: 280px; height: 96px; background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; top: 3%; left: 90px; }

/*左侧导航 */
#nav { position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; color: #fff; }
#nav .show { background: #102f66; width: 60px; height: 100%; position: relative; }
#nav .show .blank { height: 5%; }
#nav .show .top { height: 20%; transition: all 0.3s; }
#nav .show .top .wap { width: 100%; text-align: center; }
#nav .show .top .wap img { width: 34px; height: 36px; }
#nav .show .nav { max-height: 74%; padding-top: 0.1px; overflow: hidden; }
#nav .show .nav .item { width: 100%; height: 20px; overflow: hidden; white-space: nowrap; margin-bottom: 20px; padding: 7px 0; padding-left: 19px; transition: all 0.3s; display: block; }
#nav .show .nav .item.on, #nav .show .nav .item:hover { background: rgba(255, 255, 255, 0.05); }
#nav .show .nav .item .icon { width: 22px; height: 20px; display: inline-block; vertical-align: middle; }
#nav .show .nav .item .category { color: #fff; display: none; margin-left: 15px; width: 100px; opacity: 0; transition: all 0.3s; font-size: 16px; }
#nav .hidden { position: absolute; transition: all 0.3s; left: -270px; width: 250px; height: 100%; top: 0; z-index: 60; box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); background: #102f66; }
#nav .hidden .blank { height: 5%; }
#nav .hidden .top { height: 15%; min-height: 80px; transition: all 0.3s; }
#nav .hidden .top .close { display: none; font-size: 30px; color: #fff; margin-left: 30px; float: left; }
#nav .hidden .top .logo { width: 100%; text-align: center; }
#nav .hidden .top .logo img { width: 140px; height: 63px; }
#nav .hidden .nav { max-height: 74%; padding-top: 0.1px; overflow: hidden; }
#nav .hidden .nav .item { width: 100%; height: 20px; overflow: hidden; white-space: nowrap; margin-bottom: 10px; padding: 7px 0; transition: all 0.3s; display: block; }
#nav .hidden .nav .item.on, #nav .hidden .nav .item:hover { background: rgba(255, 255, 255, 0.05); }
#nav .hidden .nav .item .icon { width: 22px; height: 20px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-left: 70px; }
#nav .hidden .nav .item .category { display: inline-block; vertical-align: middle; color: #fff; margin-left: 15px; width: 100px; transition: all 0.3s; font-size: 16px; }
#nav .hidden .bottom { width: 100%; height: 28%; position: absolute; left: 0; bottom: 0; border-top: 1px solid rgba(255, 255, 255, 0.05); }
#nav .hidden .bottom .content { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -moz-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -ms-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -o-transform: translate(-50%, -50%) rotate(0) scale(1, 1); transform: translate(-50%, -50%) rotate(0) scale(1, 1); }
#nav .hidden .bottom .content .icon { margin-bottom: 20px; }
#nav .hidden .bottom .content .icon > div { display: inline-block; cursor: pointer; width: 35px; height: 35px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 50%; margin: 0 10px; }
#nav .hidden .bottom .content .icon > div span { display: inline-block; width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -moz-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -ms-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -o-transform: translate(-50%, -50%) rotate(0) scale(1, 1); transform: translate(-50%, -50%) rotate(0) scale(1, 1); }
#nav .hidden .bottom .content .icon > div:nth-of-type(1) { position: relative; }
#nav .hidden .bottom .content .icon > div:nth-of-type(1):hover .searchCon { display: block; }
#nav .hidden .bottom .content .icon > div:nth-of-type(1) .searchCon { display: none; position: absolute; width: 180px; height: 40px; top: -40px; left: 50%; -webkit-transform: translate(-50%, 0) rotate(0) scale(1, 1); -moz-transform: translate(-50%, 0) rotate(0) scale(1, 1); -ms-transform: translate(-50%, 0) rotate(0) scale(1, 1); -o-transform: translate(-50%, 0) rotate(0) scale(1, 1); transform: translate(-50%, 0) rotate(0) scale(1, 1); overflow: hidden; border: 1px solid #102f66; font-size: 12px; color: #fff; }
#nav .hidden .bottom .content .icon > div:nth-of-type(1) .searchCon input { border-radius: 40px 0 0 40px; background: rgba(255, 255, 255, 0.1); height: 30px; width: 70%; float: left; border: none; padding: 0 10px; box-sizing: border-box; color: #fff; }
#nav .hidden .bottom .content .icon > div:nth-of-type(1) .searchCon div { cursor: pointer; border-radius: 0 40px 40px 0; height: 30px; line-height: 30px; width: 29%; float: left; text-align: center; background: rgba(0, 0, 0, 0.5); color: #fff; }
#nav .hidden .bottom .content .icon > div:nth-of-type(1) span { background-image: url("../images/index/bottom1.png"); background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#nav .hidden .bottom .content .icon > div:nth-of-type(2) { position: relative; }
#nav .hidden .bottom .content .icon > div:nth-of-type(2):hover .qrCode { display: block; }
#nav .hidden .bottom .content .icon > div:nth-of-type(2) .qrCode { position: absolute; width: 70px; height: 85px; top: -85px; left: 50%; -webkit-transform: translate(-50%, 0) rotate(0) scale(1, 1); -moz-transform: translate(-50%, 0) rotate(0) scale(1, 1); -ms-transform: translate(-50%, 0) rotate(0) scale(1, 1); -o-transform: translate(-50%, 0) rotate(0) scale(1, 1); transform: translate(-50%, 0) rotate(0) scale(1, 1);display:none; }

#nav .hidden .bottom .content .icon > div:nth-of-type(2) .qrCode > .picture { width: 100%; height: 0; padding-bottom: 100%; background-color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #102f66; border-radius: 4px; position: relative; }
#nav .hidden .bottom .content .icon > div:nth-of-type(2) .qrCode > .picture img { position: absolute; left: 5%; top: 5%; width: 90%; height: 90%; z-index: 10; }
#nav .hidden .bottom .content .icon > div:nth-of-type(2) .qrCode > .picture:after { content: " "; display: inline-block; width: 8px; height: 8px; background: #fff; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%) rotate(45deg) scale(1, 1); -moz-transform: translate(-50%, 50%) rotate(45deg) scale(1, 1); -ms-transform: translate(-50%, 50%) rotate(45deg) scale(1, 1); -o-transform: translate(-50%, 50%) rotate(45deg) scale(1, 1); transform: translate(-50%, 50%) rotate(45deg) scale(1, 1); border: 1px solid #fff; border-color: transparent #102f66 #102f66 transparent; }
#nav .hidden .bottom .content .icon > div:nth-of-type(2) span { background-image: url("../images/index/bottom2.png"); background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#nav .hidden .bottom .content .link { text-align: center; margin-bottom: 15px; }
#nav .hidden .bottom .content .link > a { display: inline-block; font-size: 14px; padding: 0 13px; line-height: 1; color: #fff; }
#nav .hidden .bottom .content .link > a:first-of-type { border-right: 1px solid rgba(255, 255, 255, 0.05); }
#nav .hidden .bottom .content .txt { text-align: center; font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 20px; }
#nav .hidden .bottom .content .txt a { font-size: 14px; color: rgba(255, 255, 255, 0.5); display: inline; }

@media screen and (max-width: 1440px) { #nav .bottom { display: none; } }
@media screen and (max-width: 1100px) { #logoFull { display: none; }
  #nav .show { width: 0; display: none; }
  #nav .hidden .top { height: auto; min-height: 50px; }
  #nav .hidden .top .logo { display: none; }
  #nav .hidden .top .close { display: block; }
  #nav .hidden .bottom { display: block; } }
@media screen and (max-width: 640px) { #nav .hidden .blank { height: 3%; } }
@media screen and (max-height: 900px) { #nav .nav .item { margin-bottom: 15px; } }
@media screen and (max-height: 800px) { #nav .nav .item { margin-bottom: 9px; } }
@media screen and (max-height: 768px) { #nav .nav .item { margin-bottom: 5px; } }
@media screen and (max-height: 660px) { #nav .hidden .bottom { display: none; } }
/*内页banner */
#banner { width: 100%; height: 500px; background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#banner .contain { height: 100%; padding-top: 130px; }
#banner .contain .top { text-align: right; }
#banner .contain .top div { color: #fff; font-size: 30px; font-weight: bold; margin-bottom: 13px; }
#banner .contain .top span { font-size: 18px; color: #6f7c96; }
#banner .contain .left { float: left; padding-top: 175px; color: #fff; }
#banner .contain .left div { font-size: 36px; margin-bottom: 17px; }
#banner .contain .left span { font-size: 24px; text-transform: capitalize; }
#banner .contain .left p { margin-top: 15px; width: 45px; height: 3px; background: #e3b865; }

@media screen and (max-width: 1440px) { #banner .contain .left span { font-size: 18px; } }

#banner2 { width: 100%; height: 500px; background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#banner2 .contain { height: 100%; padding-top: 130px; }
#banner2 .contain .top { float: right; text-align: right; }
#banner2 .contain .top div { color: #fff; font-size: 30px; font-weight: bold; margin-bottom: 13px; }
#banner2 .contain .top span { font-size: 18px; color: #6f7c96; }
#banner2 .contain .left { float: left; color: #fff; }
#banner2 .contain .left div { font-size: 36px; margin-bottom: 17px; }
#banner2 .contain .left span { font-size: 24px; text-transform: capitalize; }
#banner2 .contain .left p { margin-top: 15px; width: 45px; height: 3px; background: #e3b865; }

@media screen and (max-width: 1260px) { #banner, #banner2 { width: 100%; height: auto; padding-bottom: 30px; }
  #banner .contain .cont, #banner2 .contain .cont { width: 1024px; margin: 0 auto; }
  #banner .contain .cont:after, #banner2 .contain .cont:after { content: ""; clear: both; display: block; }
  #banner .contain .cont .top, #banner2 .contain .cont .top { float: right; }
  #banner .contain .cont .left, #banner2 .contain .cont .left { padding: 0; float: left; } }
@media screen and (max-width: 1100px) { #banner .contain, #banner2 .contain { padding-top: 80px; }
  #banner .contain .cont, #banner2 .contain .cont { width: 100%; } }
@media screen and (max-width: 640px) { #banner .contain .top, #banner2 .contain .top { display: none; } }
/*二级导航 */
#menu { float: left; padding-top: 20px; }
#menu .itemcon { margin-bottom: 20px; }
#menu .itemcon .item { position: relative;width: 230px; height: 50px; background: #102f66; line-height: 50px; padding: 0 30px 0 20px; color: #fff; font-size: 18px; box-sizing: border-box; cursor: pointer; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#menu .itemcon .item.on, #menu .itemcon .item:hover { background: #e3b865; color: #102f66; }
#menu .itemcon .item.on:after, #menu .itemcon .item:hover:after { color: #102f66; }
#menu .itemcon .item:after { content: ">"; position: absolute;top: 0;right: 20px; font-size: 12px; font-family: simsun; float: right; font-weight: bold; }
#menu .itemcon > div { display: none; }
#menu .itemcon > .busMenuList.on{ display: block; }
#menu .itemcon > div > a { width: 100%; height: 45px; background: #102f66; line-height: 45px; padding: 0 20px 0 35px; color: #fff; font-size: 14px; box-sizing: border-box; }
#menu .itemcon > div > a.on, #menu .itemcon > div > a:hover { background: #e3b865; color: #102f66; }
#menu .itemcon > div > a.on:after, #menu .itemcon > div > a:hover:after { color: #102f66; }
#menu .itemcon > div > a:after { content: ">"; display: inline; font-size: 12px; font-family: simsun; float: right; font-weight: bold; }

@media screen and (max-width: 1440px) { #menu .itemcon .item { width: 170px; } }
@media screen and (max-width: 1260px) { #menu { float: none; margin: 0px auto 0; padding: 15px 0 0; width: 1024px; text-align: center; font-size: 0; }
  #menu:after { content: ""; clear: both; display: block; }
  #menu .itemcon { display: inline-block; margin-right: 20px; margin-bottom: 15px; position: relative; }
  #menu .itemcon .item { width: 150px; padding: 0; text-align: center; }
  #menu .itemcon .item:after { display: none; }
  #menu .itemcon > div { display: none; position: absolute; z-index: 60; top: 50px; left: 0; width: 150px; }
  #menu .itemcon > div > a { width: 100%; padding: 0; font-size: 14px; }
  #menu .itemcon > div > a:after { display: none; } }
@media screen and (max-width: 1100px) { #menu { width: 100%; }
  #menu .itemcon { margin-right: 10px; }
  #menu .itemcon .item { font-size: 14px; } }
/*业务领域导航 */
#busMenu { text-align: center; }
#busMenu .item { display: inline-block; vertical-align: top; width: 135px; height: 40px; border: 1px solid #eaeaea; line-height: 40px; text-align: center; font-size: 14px; margin: 0 30px 70px; }
#busMenu .item.on,
#busMenu .item:hover{ color: #fff; background: #102f66; border-color: #102f66; }

@media screen and (max-width: 640px) { #busMenu .item { margin: 0 10px 20px; } }
/*顶部三级导航 */
#topMenu { text-align: center; }
#topMenu .item { display: inline-block; vertical-align: top; width: 135px; height: 40px; border: 1px solid #eaeaea; line-height: 40px; text-align: center; font-size: 14px; }
#topMenu .item.on { color: #fff; background: #102f66; border-color: #102f66; }

@media screen and (max-width: 1100px) { #topMenu { width: 100%; }
  #topMenu .item { margin-right: 10px; font-size: 14px; width: 120px; text-align: center; padding: 0; margin-bottom: 10px; } }
/*面包屑导航 */
#location { width: 100%; line-height: 80px; border-bottom: 1px solid #e5e5e5; }
#location:after { content: ""; clear: both; display: block; }
#location .left { float: left; font-size: 17px; color: #102f66; }
#location .left span { display: inline-block; vertical-align: middle; line-height: 1; }
#location .right { float: right; font-size: 0; color: #b0b0b0; font-family: simsun; }
#location .right img { margin-top: -3px; }
#location .right a, #location .right span { display: inline-block; vertical-align: middle; line-height: 1; font-size: 12px; margin-left: 13px; }
#location .right a { color: #555; }
#location .right a:after { content: " "; display: inline-block; vertical-align: middle; margin-left: 13px; width: 3px; height: 22px; background-image: url("../images/common/locationIcon.png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#location .right span { color: #e3b865; }

@media screen and (max-width: 640px) { #location .right img { display: none; }
  #location .right a, #location .right span { margin-left: 5px; }
  #location .right a:after { margin-left: 5px; } }
@media screen and (max-width: 320px) { #location .left img { display: none; } }
/*底部 */
#bottom { color: #999; font-size: 14px; background: #fff; }
#bottom a { color: #999; display: inline; }
#bottom .contain .cont { padding: 30px 0; }
#bottom .contain .cont:after { content: ""; clear: both; display: block; }
#bottom .contain .cont .left { float: left; }
#bottom .contain .cont .left .link { margin-bottom: 15px; }
#bottom .contain .cont .left .link a { margin-right: 15px; }
#bottom .contain .cont .right { float: right; }
#bottom .contain .cont .right > a, #bottom .contain .cont .right > div { display: inline-block; cursor: pointer; width: 35px; height: 35px; box-sizing: border-box; background: #ededed; border-radius: 50%; position: relative; margin: 0 5px; }
#bottom .contain .cont .right > a:hover .qrCode, #bottom .contain .cont .right > div:hover .qrCode { display: block; }
#bottom .contain .cont .right > a .qrCode, #bottom .contain .cont .right > div .qrCode { display: none; position: absolute; width: 70px; height: 85px; top: -85px; left: 50%; -webkit-transform: translate(-50%, 0) rotate(0) scale(1, 1); -moz-transform: translate(-50%, 0) rotate(0) scale(1, 1); -ms-transform: translate(-50%, 0) rotate(0) scale(1, 1); -o-transform: translate(-50%, 0) rotate(0) scale(1, 1); transform: translate(-50%, 0) rotate(0) scale(1, 1); }
#bottom .contain .cont .right > a .qrCode > .picture, #bottom .contain .cont .right > div .qrCode > .picture { width: 100%; height: 0; padding-bottom: 100%; background-color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 1px solid #102f66; border-radius: 4px; position: relative; }
#bottom .contain .cont .right > a .qrCode > .picture img, #bottom .contain .cont .right > div .qrCode > .picture img { position: absolute; left: 5%; top: 5%; width: 90%; height: 90%; z-index: 10; }
#bottom .contain .cont .right > a .qrCode > .picture:after, #bottom .contain .cont .right > div .qrCode > .picture:after { content: " "; display: inline-block; width: 8px; height: 8px; background: #fff; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%) rotate(45deg) scale(1, 1); -moz-transform: translate(-50%, 50%) rotate(45deg) scale(1, 1); -ms-transform: translate(-50%, 50%) rotate(45deg) scale(1, 1); -o-transform: translate(-50%, 50%) rotate(45deg) scale(1, 1); transform: translate(-50%, 50%) rotate(45deg) scale(1, 1); border: 1px solid #fff; border-color: transparent #102f66 #102f66 transparent; }
#bottom .contain .cont .right > a span, #bottom .contain .cont .right > div span { display: inline-block; width: 18px; height: 18px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -moz-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -ms-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -o-transform: translate(-50%, -50%) rotate(0) scale(1, 1); transform: translate(-50%, -50%) rotate(0) scale(1, 1); }
#bottom .contain .cont .right > a span { background-image: url("../images/common/icon2.png"); background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#bottom .contain .cont .right > div span { background-image: url("../images/common/icon1.png"); background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.qrBlock{position: fixed;top: 0;left: 0;right:0;bottom: 0;z-index: 500;background: rgba(0,0,0,.5);display: none;}
.qrBlock .cont{border:5px solid #fff;position: absolute;top: 50%;left: 50%;z-index: 500;background: #fff;width: 300px;height: 300px;transform: translate(-50%,-50%);}
.qrBlock .cont img{width: 100%;height: auto;}
.qrBlock .cont .close{position: absolute;top:-50px;right: -50px;width: 30px;height: 30px;border-radius: 50%;border: 2px solid #fff;}
.qrBlock .cont .close:before{content: " ";position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 20px;height: 2px;background: #fff;}
.qrBlock .cont .close:after{content: " ";position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%) rotate(-45deg);width: 20px;height: 2px;background: #fff;}


@media screen and (max-width: 1260px) { #bottom .contain .cont { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #bottom .contain .cont { width: 100%; } }
@media screen and (max-width: 640px) { #bottom .contain .cont .left, #bottom .contain .cont .right { width: 100%; text-align: center; }
  #bottom .contain .cont .left .copyright { margin-bottom: 20px; } }
/*首页 */
#index { width: 100%; }
#index .page { width: 100%; height: 100%; }
#index .page > .swiper-wrapper > .swiper-slide { background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#index .page > .swiper-wrapper > .swiper-slide .banner { width: 100%; height: 100%; }
#index .page > .swiper-wrapper > .swiper-slide .banner > .block { position: absolute; z-index: 50; bottom: 70px; right: 0; background: rgba(255, 255, 255, 0.5); padding-top: 0.1px; }
#index .page > .swiper-wrapper > .swiper-slide .banner > .block:after { content: ""; clear: both; display: block; }
#index .page > .swiper-wrapper > .swiper-slide .banner > .block > a {transition: all .3s; width: 240px; height: 155px; background: #f00; float: left; margin: 30px; margin-left: 0; position: relative; }
#index .page > .swiper-wrapper > .swiper-slide .banner > .block > a:hover{box-shadow: 0 0 15px rgba(0,0,0,.7);}
#index .page > .swiper-wrapper > .swiper-slide .banner > .block > a:first-of-type { margin-left: 30px; }
#index .page > .swiper-wrapper > .swiper-slide .banner > .block > a .txt { position: absolute; bottom: 0; width: 100%; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 16px; background: rgba(16, 47, 102, 0.5); }
#index .page > .swiper-wrapper > .swiper-slide .banner > .swiper-wrapper > .swiper-slide { background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#index .page > .swiper-wrapper > .swiper-slide .banner .swiper-pagination { bottom: 32px; outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#index .page > .swiper-wrapper > .swiper-slide .banner .swiper-pagination:before, #index .page > .swiper-wrapper > .swiper-slide .banner .swiper-pagination:after { display: inline-block; font-size: 12px; color: #fff; font-weight: bold; font-family: simsun; vertical-align: middle; margin: 0 10px; }
#index .page > .swiper-wrapper > .swiper-slide .banner .swiper-pagination:before { content: "<"; }
#index .page > .swiper-wrapper > .swiper-slide .banner .swiper-pagination:after { content: ">"; }
#index .page > .swiper-wrapper > .swiper-slide .banner .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: 1 !important; margin: 0 10px; vertical-align: middle; }
#index .page > .swiper-wrapper > .swiper-slide .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #102f66; }
#index .page > .swiper-wrapper > .swiper-slide .indexTitle { color: #102f66; }
#index .page > .swiper-wrapper > .swiper-slide .indexTitle div { font-size: 30px; margin-bottom: 10px; }
#index .page > .swiper-wrapper > .swiper-slide .indexTitle div:nth-of-type(2) { font-weight: bold; text-transform: uppercase; margin-bottom: 40px; }
#index .page > .swiper-wrapper > .swiper-slide .indexTitle span { width: 55px; height: 3px; background: #102f66; display: block; margin-bottom: 40px; }
#index .page > .swiper-wrapper > .swiper-slide .indexContent { width: 1366px; height: 660px; margin-left: 30px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -moz-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -ms-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -o-transform: translate(-50%, -50%) rotate(0) scale(1, 1); transform: translate(-50%, -50%) rotate(0) scale(1, 1); padding: 45px 80px; }
#index .page > .swiper-wrapper > .swiper-slide .indexContent:after { content: ""; clear: both; display: block; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent { background: #fff; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left { width: 49%; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left > .txt > div { font-size: 18px;line-height: 36px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 7; display: -webkit-box; margin-bottom: 50px; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left .list:after { content: ""; clear: both; display: block; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left .list .item { float: left; width: 22%; margin-right: 3.5%; text-align: center; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left .list .item:hover .pic img{transform: rotateY(360deg);}
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left .list .item:last-of-type { margin: 0; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left .list .item .pic { width: 50%; margin: 0 auto; padding-bottom: 50%; position: relative; margin-bottom: 20px; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left .list .item .pic img { perspective: 1000px;transition: all .8s;position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left .list .item .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left .list .item > .txt > div { font-size: 18px; color: #102f66; margin: 10px; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left .list .item > .txt > p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; font-size: 12px; color: #b7c0d1; text-transform: capitalize; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right { width: 48%; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right:after { content: ""; clear: both; display: block; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .one { float: left; width: 50%; padding-bottom: 94.8275862069%; position: relative; -webkit-transform: translate(0, 40px) rotate(0) scale(1, 1); -moz-transform: translate(0, 40px) rotate(0) scale(1, 1); -ms-transform: translate(0, 40px) rotate(0) scale(1, 1); -o-transform: translate(0, 40px) rotate(0) scale(1, 1); transform: translate(0, 40px) rotate(0) scale(1, 1); }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .one img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .one video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .two { float: right; width: 47%; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .two .pic { padding-bottom: 103.4482758621%; position: relative; margin-bottom: 20px; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .two .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .two .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .two > .txt { padding: 20px; background-color: #102f66; background-image: url("../images/index/one/bg.jpg"); }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .two > .txt > div { margin-bottom: 20px; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .two > .txt > div:last-of-type { margin-bottom: 0px; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .two > .txt > div p { font-size: 30px; color: #679fff; margin-bottom: 10px; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .two > .txt > div p sup { vertical-align: super; font-size: 12px; }
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .two > .txt > div span { font-size: 14px; color: #6179a3; }
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent { position: relative; }
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .txt p { font-size: 20px; margin-bottom: 30px; }
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list:after { content: ""; clear: both; display: block; }
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item { position: absolute; border-radius: 50%;overflow: hidden;}
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item:nth-of-type(1) { bottom: 22px; right: 545px; width: 250px; height: 250px; }
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item:nth-of-type(1) .txt { bottom: 0px; }
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item:nth-of-type(2) { top: 0px; right: 338px; width: 350px; height: 350px; }
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item:nth-of-type(2) .txt { bottom: 0px; }
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item:nth-of-type(3) { top: 36px; right: 0; width: 280px; height: 280px; }
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item:nth-of-type(3) .txt { bottom: 0px; }
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item:nth-of-type(4) { bottom: 100px; right: 238px; width: 170px; height: 170px;}
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item:nth-of-type(4) .txt { top: 50%; -webkit-transform: translate(0, -50%) rotate(0) scale(1, 1); -moz-transform: translate(0, -50%) rotate(0) scale(1, 1); -ms-transform: translate(0, -50%) rotate(0) scale(1, 1); -o-transform: translate(0, -50%) rotate(0) scale(1, 1); transform: translate(0, -50%) rotate(0) scale(1, 1); font-size: 20px; line-height: 50px; padding: 0;}
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item > .pic { transition: all .5s;perspective: 1000px;position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item > .pic img{width: 100%;height: auto;}
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item > .pic:hover{transform: scale(1.1);}



#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item > .txt { text-align: center; position: absolute; width: 100%; left: 0; font-size: 20px; color: #fff;background:rgba(16,47,102,.8);padding: 20px 0 30px; }
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item > .txt span { background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 10px; margin-top: -4px; }
#index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item > .txt i { font-family: simsun; margin-left: 10px; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr { padding: 35px 80px; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent { background: #fff; position: relative; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexTitle { text-align: center; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon:after { content: ""; clear: both; display: block; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .left { width: 45%; background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; height:450px; position: relative; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .left .item { display: block; bottom: 0; width: 100%; left: 0; height: 452px;}
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .left .item.on { display: block; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .left .item .time { position: absolute; bottom: 120px; height: 103px; width: 103px; left: 0; background: #e3b865; color: #fff; text-align: center; padding: 10px; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .left .item .time div:nth-of-type(1) { font-size: 60px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-bottom: 5px; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .left .item .time div:nth-of-type(2) { font-size: 16px; padding-top: 5px; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .left .item .detail { background: rgba(0, 0, 0, 0.8); padding: 20px 30px 30px 30px; position: absolute; bottom: 0; left: 0;}
#index .page  .indexThr .indexCon .left .item .detail .name { font-size: 18px; margin-bottom: 14px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
#index .page  .indexThr .indexCon .left .item .detail .name:hover{text-decoration: underline;color: #e3b865;}
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .left .item .detail .info { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; font-size: 16px; line-height: 20px; color: rgba(255, 255, 255, 0.8); }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right { width: 53%; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .tab { margin-bottom: 30px; display: inline-block;}
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .tab:after { content: ""; clear: both; display: block; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .tab a {transition:all .3s; cursor: pointer; float: left; font-size: 20px; border-bottom: 2px solid transparent; padding-bottom: 8px; margin-right: 70px; line-height: 20px; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .tab a:nth-of-type(4n) {margin-right: 0px;}
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .tab a.on,
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .tab a:hover{ font-weight: bold; color: #e3b865; border-color: #e3b865; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists { position: relative; height: 800px; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list { position: absolute; top: 0; left: 0; display:none;}
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list.on{display:block;width: 100%;}
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list .item { border: 1px solid #eaeaea; width: 100%; margin-bottom: 24px; padding: 20px; padding-left: 30px; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list .item:after { content: ""; clear: both; display: block; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list .item .time { float: right; width: 12%; text-align: center; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list .item .time div:nth-of-type(1) { font-size: 50px; border-bottom: 1px solid rgba(234, 234, 234, 0.5); padding-bottom: 3px; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list .item .time div:nth-of-type(2) { font-size: 14px; padding-top: 3px; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list .item .detail { float: left; width: 80%; position: relative; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list .item .detail:before { content: " "; position: absolute; width: 16px; height: 2px; background: #e3b865; left: -23px; top: 6px; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list .item .detail .name { font-size: 18px; margin-bottom: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list .item .detail .name:hover { color: #e3b865;text-decoration: underline}
#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list .item .detail .info { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; font-size: 14px; line-height: 20px; color: #a6a6a6; }
#index .page > .swiper-wrapper > .swiper-slide.indexFou { padding: 35px 80px; }
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent { position: relative; padding: 0 80px; height: auto; }
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexTitle { position: absolute; top: 45px; left: 80px; }
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon:after { content: ""; clear: both; display: block; }
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item { float: left; width: 20%; padding-bottom: 20%; position: relative; }
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item:nth-of-type(11) { background-image: none !important; border: 1px solid #000; }
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item .more {transition: all .3s; text-align: center; line-height: 40px; width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -moz-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -ms-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -o-transform: translate(-50%, -50%) rotate(0) scale(1, 1); transform: translate(-50%, -50%) rotate(0) scale(1, 1); border: 1px solid #fff; background: rgba(255, 255, 255, 0.3); font-size: 16px; color: #102f66; border-radius: 20px; }
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item .more:hover{background: #102f66;color: #fff;border: 1px solid #102f66;}
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item .more span { font-family: simsun; margin-left: 10px; }
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.txt { position: relative; background: rgba(255, 255, 255, 0.5); }

#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.txt .rig{  background: url('../images/index/rig.png') no-repeat center center / cover;width: 10px;height: 20px;right: 10px; left: auto;}
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.txt .bot{  background: url('../images/index/bot.png') no-repeat center center / cover;width: 20px;height: 10px;display: none;bottom: 10px; top: auto;}
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.txt:nth-of-type(4) .bot{ display: block;}
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.txt:nth-of-type(4) .rig{ display: none;}

#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.txt > div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -moz-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -ms-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -o-transform: translate(-50%, -50%) rotate(0) scale(1, 1); transform: translate(-50%, -50%) rotate(0) scale(1, 1); }
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.txt > div .icon {perspective: 1000px;transition: all .5s; width: 65px; height: 65px; margin: 0 auto 20px; background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.txt:hover > div .icon{transform: rotateY(360deg);}
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.txt > div .name { font-size: 18px; color: #102f66; margin: 0 auto 10px; }
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.txt > div .company { font-size: 18px; color: #102f66; margin: 0 auto 20px; }
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.txt > div span { display: block; width: 15px; height: 2px; background: #e3b865; margin: 0 auto; }
#index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.pic { background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv { padding: 35px 80px; }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent { position: relative; padding: 0 180px; height: auto; }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexTitle { text-align: center; }

#index .page > .swiper-wrapper > .swiper-slide.indexFiv .more_1 {transition: all .3s; text-align: center; line-height: 40px; width: 20%; position:relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -moz-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -ms-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -o-transform: translate(-50%, -50%) rotate(0) scale(1, 1); transform: translate(-50%, -50%) rotate(0) scale(1, 1); border: 1px solid #fff; background: rgba(255, 255, 255, 0.3); font-size: 16px; color: #102f66; border-radius: 20px;margin-top: 40px; }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .more_1:hover{background: #102f66;color: #fff;border: 1px solid #102f66;}
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .more_1 span { font-family: simsun; margin-left: 10px; }




#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon:after { content: ""; clear: both; display: block; }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent { float: left; width: 18%; margin-right:2%; }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent:nth-of-type(4n) {  }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent:nth-of-type(2n+1) .item:nth-of-type(1) { padding-bottom: 137%; }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent:nth-of-type(2n) .item:nth-of-type(2) { padding-bottom: 137%;margin-bottom: 0; }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent .item { height: 0; position: relative; width: 100%; padding-bottom: 100%; background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 9%; }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent .item:hover > div { height: 100%; }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent .item > div { position: absolute; bottom: 0; left: 0; background: rgba(16, 47, 102, 0.7); width: 100%; height: 0; transition: all 0.3s; overflow: hidden; }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent .item > div > div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -moz-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -ms-transform: translate(-50%, -50%) rotate(0) scale(1, 1); -o-transform: translate(-50%, -50%) rotate(0) scale(1, 1); transform: translate(-50%, -50%) rotate(0) scale(1, 1); text-align: center; color: #fff; width: 80%;}
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent .item > div > div .name { font-size: 18px; font-weight: bold; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; margin-bottom: 25px; }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent .item > div > div .infp { font-size: 14px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; margin-bottom: 20px; }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent .item > div > div .more { display: inline-block; margin: 0 auto; font-size: 14px; border: 1px solid #fff; padding: 0 15px; line-height: 28px; border-radius: 14px; }
#index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent .item > div > div .more span { font-family: simsun; margin-left: 10px; }
#index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent { position: relative; }
#index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .txt { width: 50%; font-size: 18px; line-height: 37px; }
#index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .list:after { content: ""; clear: both; display: block; }
#index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .list .item { position: absolute; }
#index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .list .item:hover  > .pic{transform:scale(1.1,1.1);}
#index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .list .item:nth-of-type(1) { top: 0px; right: 0px; width: 420px; height: 420px; }
#index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .list .item:nth-of-type(2) { bottom: 0px; right: 420px; width: 350px; height: 350px; }
#index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .list .item:nth-of-type(3) { bottom: 114px; left: 260px; width: 270px; height: 270px; }
#index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .list .item:nth-of-type(4) { bottom: 40px; left: 75px; width: 150px; height: 150px; }
#index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .list .item:nth-of-type(4) .txt { top: 50%; -webkit-transform: translate(0, -50%) rotate(0) scale(1, 1); -moz-transform: translate(0, -50%) rotate(0) scale(1, 1); -ms-transform: translate(0, -50%) rotate(0) scale(1, 1); -o-transform: translate(0, -50%) rotate(0) scale(1, 1); transform: translate(0, -50%) rotate(0) scale(1, 1); font-size: 16px; line-height: 50px; color: #fff; height: 100%;  line-height: 150px;}
#index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .list .item > .pic {transition: all .3s; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .list .item > .txt { text-align: center; position: absolute; width: 100%; left: 0; bottom: 40px; font-size: 22px; color: #102f66; }
#index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .list .item > .txt span { background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; display: inline-block; width: 46px; height: 40px; vertical-align: middle; margin-right: 10px; margin-bottom: 10px; }
#index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .list .item > .txt i { font-family: simsun; margin-left: 10px; }
#index .page > .swiper-button-prev, #index .page > .swiper-button-next { width: 90px; height: 90px; color: #fff; font-size: 15px; line-height: 90px; font-family: Arial; outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#index .page > .swiper-button-next.swiper-button-disabled{opacity:1;background-image:none;font-size:0;}
#index .page > .swiper-button-next.swiper-button-disabled:after{content: '最后一张';font-size:15px;}

#index .page > .swiper-button-prev { left: 70px; background-image: url("../images/index/prev.png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; text-align: right; }
#index .page > .swiper-button-next { background-image: url("../images/index/next.png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }

@media screen and (max-width: 1640px) { 
  #index .page > .swiper-wrapper > .swiper-slide .indexContent { padding: 25px 40px; width: 80%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent { padding: 0 40px; }
   }
@media screen and (max-width: 1440px) { #index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent { padding: 25px 40px; }
  #index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left { width: 68%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right { width: 30%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .one { display: none; }
  #index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right > .two { width: 100%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent { padding: 25px 40px; }
  #index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item { position: relative; float: left; width: 23% !important; padding-bottom: 23% !important; height: 0 !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin-right: 1.5%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item .pic img { width: 100%; height: 100%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item .txt {box-sizing: border-box; position: absolute; left: 0% !important; bottom: 0% !important; height: 100%;width: 100%; line-height: 1; padding: 0;padding-top: 40% !important;transform: none;top: 0;line-height: 1 !important;}
  #index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent { padding: 25px 40px; }
  #index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .left { display: none; }
  #index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right { width: 100%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent { padding: 0; width: 90%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.pic { display: none; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.txt .bot,
  #index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.txt .rig{display: none;}
  #index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent { height: auto; }
  #index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .txt { width: 100%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexSix .indexContent .list .item { display: none; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent .item > div > div .infp{ -webkit-line-clamp: 2; }
   }
@media screen and (max-width: 1100px) { #index .page > .swiper-wrapper > .swiper-slide .banner > .block { display: none; }
  #index .page > .swiper-wrapper > .swiper-slide .indexContent { width: 90%; margin-left: 0px; }
  #index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent { padding: 50px 20px; }
  #index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent { height: auto; }
  #index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list .item { width: 30% !important; padding-bottom: 35% !important; margin-right: 2.5%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent { padding: 0; height: auto; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent .item > div > div .infp{ -webkit-line-clamp: 1; }
  #index .page > .swiper-button-prev { left: 10px;display: none!important;}
  #index .page > .swiper-button-next { display: none!important;}}
@media screen and (max-width: 768px) { #index .page > .swiper-wrapper > .swiper-slide .indexTitle div { font-size: 20px; margin-bottom: 10px; }
  #index .page > .swiper-wrapper > .swiper-slide .indexTitle div:nth-of-type(2) { margin-bottom: 20px; }
  #index .page > .swiper-wrapper > .swiper-slide .indexTitle span { width: 30px; height: 3px; margin-bottom: 20px; }
  #index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent { padding: 20px; height: auto; }
  #index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left, #index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right { width: 100%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right { margin-top: 20px; }
  #index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right .two .pic { display: none; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item { width: 33%; padding-bottom: 33%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFiv .more_1 {width: 140px;}
    #index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list .item .time { display: none; }
    #index .page > .swiper-wrapper > .swiper-slide.indexThr{padding: 35px;}
  #index .page > .swiper-button-prev { left: 10px; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent .indexCon .parent .item > div > div .infp{ display: none; }
  }

  
@media screen and (max-width: 640px) { #index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left .list { display: none; }
  #index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .right .two { display: none; }
  #index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent { height: auto; }
  #index .page > .swiper-wrapper > .swiper-slide.indexTwo .indexContent .list { display: none; }
  #index .page > .swiper-wrapper > .swiper-slide.indexThr { padding: 2%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent { padding: 2%; height: auto;}
  #index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list{width:100%;}
  #index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list .item .detail .name{margin-bottom:0;}
  #index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right { height: auto; width: 100% !important; }
    #index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .tab{display:flex;justify-content: space-around;align-items: center;}
  #index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .tab a { margin-right: 10px !important; font-size: 14px;}
  #index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists .list .item .detail .info{display:none;}
  #index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .right .lists{height: 300px;}
  #index .page > .swiper-wrapper > .swiper-slide.indexFiv { padding: 2%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFiv .indexContent { padding: 0; height: auto; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item.txt > div{width:100%;text-align:center;}
  #index .page > .swiper-wrapper > .swiper-slide.indexFou { padding: 2%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFou .indexTitle { display: none; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .item { display: none; width: 50%; padding-bottom: 50%; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .txt { display: block; }
  #index .page > .swiper-wrapper > .swiper-slide.indexFou .indexContent .indexCon .itemmore { display: block; }
  #index .page > .swiper-button-prev { left: 10px; } }
/*集团介绍 */
#about_introduce { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#about_introduce .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#about_introduce .contain #content #main { padding: 60px 0; }
#about_introduce .contain #content #main .txt { font-size: 14px; line-height: 30px; color: #555; }
#about_introduce .contain #content #main .txt p { margin-bottom: 35px; }
#about_introduce .contain #content #main .one { margin-bottom: 65px; }
#about_introduce .contain #content #main .one:after { content: ""; clear: both; display: block; }
#about_introduce .contain #content #main .one .left { width: 50%; float: left; }
#about_introduce .contain #content #main .one .left .name { font-size: 24px; color: #e3b865; border-left: 4px solid #e3b865; padding-left: 20px; margin-bottom: 35px; }
#about_introduce .contain #content #main .one .right { width: 45%; float: right; padding-bottom: 47.2654462243%; position: relative; }
#about_introduce .contain #content #main .one .right img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#about_introduce .contain #content #main .one .right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#about_introduce .contain #content #main .two { margin-bottom: 60px; }
#about_introduce .contain #content #main .thr { margin-bottom: 30px; }
#about_introduce .contain #content #main .thr:after { content: ""; clear: both; display: block; }
#about_introduce .contain #content #main .thr .left { width: 50%; float: left; padding-bottom: 52.8431372549%; position: relative; }
#about_introduce .contain #content #main .thr .left img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#about_introduce .contain #content #main .thr .left video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#about_introduce .contain #content #main .thr .right { width: 45%; float: right; }
#about_introduce .contain #content #main .fou { width: 100%; padding-bottom: 43.8775510204%; position: relative; margin-bottom: 50px; }
#about_introduce .contain #content #main .fou img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#about_introduce .contain #content #main .fou video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#about_introduce .contain #content #main .fiv { margin-bottom: 30px; }
#about_introduce .contain #content #main .fiv:after { content: ""; clear: both; display: block; }
#about_introduce .contain #content #main .fiv .txt p { font-size: 12px; line-height: 25px; margin-bottom: 30px; }
#about_introduce .contain #content #main .fiv .left { width: 53%; float: left; }
#about_introduce .contain #content #main .fiv .right { width: 45%; float: right; padding-bottom: 56.6628440367%; position: relative; }
#about_introduce .contain #content #main .fiv .right img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#about_introduce .contain #content #main .fiv .right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#about_introduce .contain #content #main .six .txt p { font-size: 12px; line-height: 25px; margin-bottom: 30px; }
#about_introduce .contain #content #main .ten .txt p { font-size: 14px; line-height: 30px; margin-bottom: 30px;  }

@media screen and (max-width: 1440px) { #about_introduce .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #about_introduce .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #about_introduce .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 640px) { #about_introduce .contain #content { width: 100%; float: none; margin: 0 auto; }
  #about_introduce .contain #content #main .one .left { width: 100%; }
  #about_introduce .contain #content #main .one .right { width: 100%; padding-bottom: 105.0343249428%; position: relative; }
  #about_introduce .contain #content #main .one .right img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  #about_introduce .contain #content #main .one .right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
  #about_introduce .contain #content #main .thr .left { width: 100%; padding-bottom: 105.6862745098%; position: relative; }
  #about_introduce .contain #content #main .thr .left img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  #about_introduce .contain #content #main .thr .left video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
  #about_introduce .contain #content #main .thr .right { width: 100%; }
  #about_introduce .contain #content #main .fiv .left { width: 100%; }
  #about_introduce .contain #content #main .fiv .right { width: 100%; padding-bottom: 125.9174311927%; position: relative; }
  #about_introduce .contain #content #main .fiv .right img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  #about_introduce .contain #content #main .fiv .right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; } }
/*董事长寄语 */
#about_word { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#about_word .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#about_word .contain #content #main { padding: 60px 0; }
#about_word .contain #content #main .txt { font-size: 14px; line-height: 30px; color: #555; }
#about_word .contain #content #main .txt p { text-indent: 2em; }
#about_word .contain #content #main .one { margin-bottom: 25px; }
#about_word .contain #content #main .one:after { content: ""; clear: both; display: block; }
#about_word .contain #content #main .one .left { width: 61%; float: left; }
#about_word .contain #content #main .one .left .name { font-size: 24px; color: #e3b865; border-left: 4px solid #e3b865; padding-left: 20px; margin-bottom: 35px; }
#about_word .contain #content #main .one .right { width: 35%; float: right; padding-bottom: 37.005730659%; position: relative; }
#about_word .contain #content #main .one .right img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#about_word .contain #content #main .one .right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#about_word .contain #content #main .two { margin-bottom: 25px; }
#about_word .contain #content #main .thr { margin-bottom: 30px; text-align: right; }
#about_word .contain #content #main .thr:after { content: ""; clear: both; display: block; }
#about_word .contain #content #main .thr img { vertical-align: bottom; }

@media screen and (max-width: 1440px) { #about_word .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #about_word .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #about_word .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 640px) { #about_word .contain #content { width: 100%; float: none; margin: 0 auto; }
  #about_word .contain #content #main .one .left { width: 100%; }
  #about_word .contain #content #main .one .right { width: 100%; padding-bottom: 105.7306590258%; position: relative; }
  #about_word .contain #content #main .one .right img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  #about_word .contain #content #main .one .right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; } }
/*集团战略 */
#about_strategy { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#about_strategy .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#about_strategy .contain #content #main { padding: 40px 0 60px; }
#about_strategy .contain #content #main .name { font-size: 24px; color: #e3b865; border-left: 4px solid #e3b865; padding-left: 20px; margin-bottom: 35px; color: #102f66; }
#about_strategy .contain #content #main .one { border-bottom: 1px solid #eaeaea; margin-bottom: 40px; }
#about_strategy .contain #content #main .one:after { content: ""; clear: both; display: block; }
#about_strategy .contain #content #main .one .left { width: 64%; }
#about_strategy .contain #content #main .one .left .txt { font-size: 14px; line-height: 30px; color: #555; }
#about_strategy .contain #content #main .one .left .txt p { margin-bottom: 30px; }
#about_strategy .contain #content #main .one .right { width: 30%; text-align: center; }
#about_strategy .contain #content #main .one .right .pic { width: 60%; margin: 0 auto 10px; padding-bottom: 59.7087378641%; position: relative; }
#about_strategy .contain #content #main .one .right .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#about_strategy .contain #content #main .one .right .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#about_strategy .contain #content #main .one .right .alt { font-size: 14px; }
#about_strategy .contain #content #main .two { border-bottom: 1px solid #eaeaea; margin-bottom: 40px; padding-bottom: 40px; }
#about_strategy .contain #content #main .two .list { text-align: center; font-size: 0; }
#about_strategy .contain #content #main .two .list:after { content: ""; clear: both; display: block; }
#about_strategy .contain #content #main .two .list .item { float: left; width: 23.5%; margin-right: 1.5%; position: relative; }
#about_strategy .contain #content #main .two .list .item:last-of-type { margin-right: 0; }
#about_strategy .contain #content #main .two .list .item .pic { padding-bottom: 93.5622317597%; position: relative; }
#about_strategy .contain #content #main .two .list .item .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#about_strategy .contain #content #main .two .list .item .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#about_strategy .contain #content #main .two .list .item .txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 65px; }
#about_strategy .contain #content #main .two .list .item .txt .word { font-size: 18px; font-weight: bold; margin-bottom: 53px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
#about_strategy .contain #content #main .two .list .item .txt .alt { font-size: 14px; line-height: 30px; color: #555; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; padding: 0 40px; }
#about_strategy .contain #content #main .two .list .item .txt .alt p { margin-bottom: 30px; }
#about_strategy .contain #content #main .two .list .item .txt .alt p { margin-bottom: 0; }
#about_strategy .contain #content #main .thr { margin-bottom: 40px; }
#about_strategy .contain #content #main .thr .list:after { content: ""; clear: both; display: block; }
#about_strategy .contain #content #main .thr .list .left, #about_strategy .contain #content #main .thr .list .right { width: 48%; }
#about_strategy .contain #content #main .thr .list .left .alt, #about_strategy .contain #content #main .thr .list .right .alt { font-size: 14px; line-height: 30px; color: #555; border: 1px solid #eaeaea; border-top: none; padding: 15px; }
#about_strategy .contain #content #main .thr .list .left .alt p, #about_strategy .contain #content #main .thr .list .right .alt p { margin-bottom: 30px; }

@media screen and (max-width: 1440px) { #about_strategy .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #about_strategy .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #about_strategy .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 768px) { #about_strategy .contain #content { width: 100%; float: none; margin: 0 auto; }
  #about_strategy .contain #content #main .two .list .item { width: 47%; margin-right: 5.5%; margin-bottom: 5.5%; }
  #about_strategy .contain #content #main .two .list .item:nth-of-type(2n) { margin-right: 0; }
  #about_strategy .contain #content #main .two .list .item .txt { padding-top: 35%; }
  #about_strategy .contain #content #main .two .list .item .txt .word { margin-bottom: 15%; }
  #about_strategy .contain #content #main .thr .list .left, #about_strategy .contain #content #main .thr .list .right { width: 100%; margin-bottom: 20px; }
  #about_strategy .contain #content #main .thr .list .left img, #about_strategy .contain #content #main .thr .list .right img { width: 100%; } }
@media screen and (max-width: 640px) { #about_strategy .contain #content { width: 100%; float: none; margin: 0 auto; }
  #about_strategy .contain #content #main .one { padding-bottom: 20px; }
  #about_strategy .contain #content #main .one .left { width: 100%; }
  #about_strategy .contain #content #main .one .right { width: 100%; }
  #about_strategy .contain #content #main .two .list .item .txt { padding-top: 25%; }
  #about_strategy .contain #content #main .two .list .item .txt .word { margin-bottom: 10%; } }
/*发展历程 */
#about_history { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#about_history .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#about_history .contain #content #main { padding: 60px 0; }
#about_history .contain #content #main .Timeline000192 { padding-bottom: 40px; }
#about_history .contain #content #main .Timeline000192 .box { position: relative; }
#about_history .contain #content #main .Timeline000192 .box:after { content: ""; clear: both; display: block; }
#about_history .contain #content #main .Timeline000192 .box .event_year { float: left; width: 10%; text-align: center; border-left: 1px solid #eaeaea; }
#about_history .contain #content #main .Timeline000192 .box .event_year li { height: 40px; line-height: 40px; font-size: 14px; cursor: pointer; }
#about_history .contain #content #main .Timeline000192 .box .event_year li.active { background: #102f66; color: #fff; }
#about_history .contain #content #main .Timeline000192 .box .event_list { float: right; width: 80%; border-left: 4px solid #eaeaea; padding-left: 20px; }
#about_history .contain #content #main .Timeline000192 .box .event_list > div { margin-bottom: 40px; }
#about_history .contain #content #main .Timeline000192 .box .event_list > div h3 { color: #e3b865; line-height: 45px; font-size: 22px; position: relative; }
#about_history .contain #content #main .Timeline000192 .box .event_list > div h3:before { display: inline-block; vertical-align: middle; content: " "; width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 3px solid #e3b865; position: absolute; left: -30px; top: 50%; -webkit-transform: translate(0, -50%) rotate(0) scale(1, 1); -moz-transform: translate(0, -50%) rotate(0) scale(1, 1); -ms-transform: translate(0, -50%) rotate(0) scale(1, 1); -o-transform: translate(0, -50%) rotate(0) scale(1, 1); transform: translate(0, -50%) rotate(0) scale(1, 1); }
#about_history .contain #content #main .Timeline000192 .box .event_list > div h3 span { font-size: 26px; margin-right: 20px; display: inline-block; vertical-align: middle; }
#about_history .contain #content #main .Timeline000192 .box .event_list > div ul li { padding: 10px 0; line-height: 24px; font-size: 14px; border-bottom: 1px solid #f7f7f7; position: relative; }
#about_history .contain #content #main .Timeline000192 .box .event_list > div ul li:before { display: inline-block; vertical-align: middle; content: " "; width: 10px; height: 10px; border-radius: 50%; background: #102f66; position: absolute; left: -27px; top: 50%; -webkit-transform: translate(0, -50%) rotate(0) scale(1, 1); -moz-transform: translate(0, -50%) rotate(0) scale(1, 1); -ms-transform: translate(0, -50%) rotate(0) scale(1, 1); -o-transform: translate(0, -50%) rotate(0) scale(1, 1); transform: translate(0, -50%) rotate(0) scale(1, 1); }
#about_history .contain #content #main .Timeline000192 .box .event_list > div ul li:hover { font-weight: bold; }

@media screen and (max-width: 1440px) { #about_history .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #about_history .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #about_history .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 640px) { #about_history .contain #content { width: 100%; float: none; margin: 0 auto; } }
/*荣誉资质 */
#about_qualification { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#about_qualification .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#about_qualification .contain #content #main { padding: 40px 0 60px; }
#about_qualification .contain #content #main .detail { padding: 0 50px; }
#about_qualification .contain #content #main .detail >div { display:none; }
#about_qualification .contain #content #main .detail >div.on { display:block; }
#about_qualification .contain #content #main .detail >div:nth-of-type(1) .two .left div:before{ display:none; }
#about_qualification .contain #content #main .name { font-size: 24px; color: #e3b865; border-left: 4px solid #e3b865; padding-left: 20px; margin-bottom: 35px; color: #102f66; }
#about_qualification .contain #content #main .txt { font-size: 14px; line-height: 30px; color: #555; }
#about_qualification .contain #content #main .txt p { margin-bottom: 30px; }
#about_qualification .contain #content #main .one { margin: 50px 0; line-height: 30px; }
#about_qualification .contain #content #main .two:after { content: ""; clear: both; display: block; }
#about_qualification .contain #content #main .two .left { width: 50%; border-left: 1px solid #eaeaea; padding-left: 20px; }
#about_qualification .contain #content #main .two .left div { font-size: 14px; line-height: 50px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; padding-left: 40px; position: relative;}
#about_qualification .contain #content #main .two .left div:before { content: ""; display: inline-block; vertical-align: middle; width: 29px; height: 29px; background-image: url("../images/common/honorIcon.png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-right: 10px; position: absolute; left: 0; top: 10px;}
#about_qualification .contain #content #main .two .right { width: 40%; padding-bottom: 48.9552238806%; position: relative; }
#about_qualification .contain #content #main .two .right img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#about_qualification .contain #content #main .two .right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }

@media screen and (max-width: 1440px) { #about_qualification .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #about_qualification .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #about_qualification .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 640px) { #about_qualification .contain #content { width: 100%; float: none; margin: 0 auto; }
  #about_qualification .contain #content #main .detail { padding: 0; }
  #about_qualification .contain #content #main .two .left { width: 100%; margin-bottom: 30px; }
  #about_qualification .contain #content #main .two .right { width: 100%; padding-bottom: 122.3880597015%; position: relative; }
  #about_qualification .contain #content #main .two .right img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  #about_qualification .contain #content #main .two .right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; } }
/*社会责任 */
#about_duty { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#about_duty .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#about_duty .contain #content #main { padding: 40px 0 60px; }
#about_duty .contain #content #main .txt { font-size: 14px; line-height: 30px; color: #555; }
#about_duty .contain #content #main .txt p { margin-bottom: 35px; }
#about_duty .contain #content #main .one { padding: 0 0 40px; font-size: 14px; line-height: 30px; color: #555; font-size: 16px; }
#about_duty .contain #content #main .one:after { content: ""; clear: both; display: block; }
#about_duty .contain #content #main .one p { margin-bottom: 30px; }
#about_duty .contain #content #main .two { margin-bottom: 60px; }
#about_duty .contain #content #main .two .item { margin-bottom: 40px; border-bottom: 1px solid #eaeaea; }
#about_duty .contain #content #main .two .item:after { content: ""; clear: both; display: block; }
#about_duty .contain #content #main .two .item:nth-of-type(2n) .pic { float: right; }
#about_duty .contain #content #main .two .item:nth-of-type(2n) .txt { float: left; }
#about_duty .contain #content #main .two .item:nth-of-type(2n+1) .pic { float: left; }
#about_duty .contain #content #main .two .item:nth-of-type(2n+1) .txt { float: right; }
#about_duty .contain #content #main .two .item .pic { width: 37%; padding-bottom: 25.6944444444%; position: relative; }
#about_duty .contain #content #main .two .item .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#about_duty .contain #content #main .two .item .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#about_duty .contain #content #main .two .item .txt { width: 60%; }
#about_duty .contain #content #main .two .item .txt .name { font-size: 24px; color: #e3b865; border-left: 4px solid #e3b865; padding-left: 20px; margin-bottom: 35px; color: #102f66; }
#about_duty .contain #content #main .two .item .txt .name .alt { font-size: 14px; line-height: 30px; color: #555; }
#about_duty .contain #content #main .two .item .txt .name .alt p { margin-bottom: 30px;}
#about_duty .contain #content #main .thr { padding-bottom: 17.5257731959%; position: relative; }
#about_duty .contain #content #main .thr img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#about_duty .contain #content #main .thr video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }

@media screen and (max-width: 1440px) { #about_duty .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #about_duty .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #about_duty .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 768px) { #about_duty .contain #content { width: 100%; float: none; margin: 0 auto; }
  #about_duty .contain #content #main .two .item { margin-bottom: 40px; border-bottom: 1px solid #eaeaea; }
  #about_duty .contain #content #main .two .item:after { content: ""; clear: both; display: block; }
  #about_duty .contain #content #main .two .item .pic { width: 100%; padding-bottom: 69.4444444444%; position: relative; margin-bottom: 20px; }
  #about_duty .contain #content #main .two .item .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  #about_duty .contain #content #main .two .item .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
  #about_duty .contain #content #main .two .item .txt { width: 100%; } }
/*建星文化 */
#enter_culture { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#enter_culture .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#enter_culture .contain #content #main { padding: 40px 0 60px; }
#enter_culture .contain #content #main .name { font-size: 24px; font-weight: bold; color: #102f66; }
#enter_culture .contain #content #main .name:after { content: " "; width: 25px; height: 3px; display: block; margin: 20px 0; background: #e3b865; }
#enter_culture .contain #content #main .txt { font-size: 14px; line-height: 25px; color: #555; }
#enter_culture .contain #content #main .one, #enter_culture .contain #content #main .two { margin-bottom: 40px; background: #f4f8fc; }
#enter_culture .contain #content #main .one:after, #enter_culture .contain #content #main .two:after { content: ""; clear: both; display: block; }
#enter_culture .contain #content #main .one .left, #enter_culture .contain #content #main .one .right, #enter_culture .contain #content #main .two .left, #enter_culture .contain #content #main .two .right { width: 50%; }
#enter_culture .contain #content #main .one .left { padding: 40px 28px 0; }
#enter_culture .contain #content #main .one .pic { padding-bottom: 60%; position: relative; }
#enter_culture .contain #content #main .one .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#enter_culture .contain #content #main .one .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#enter_culture .contain #content #main .two .right { padding: 40px 28px 0; }
#enter_culture .contain #content #main .two .pic { padding-bottom: 52.0833333333%; position: relative; }
#enter_culture .contain #content #main .two .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#enter_culture .contain #content #main .two .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#enter_culture .contain #content #main .thr { background: #f4f8fc; padding: 40px 28px; }
#enter_culture .contain #content #main .thr .name { font-size: 24px; font-weight: bold; color: #102f66; }
#enter_culture .contain #content #main .thr .name:after { content: " "; width: 25px; height: 3px; display: block; margin: 20px 0; background: #e3b865; }
#enter_culture .contain #content #main .thr .txt { margin-bottom: 30px; }
#enter_culture .contain #content #main .thr .txt div { font-size: 16px; font-weight: bold; color: #102f66; }
#enter_culture .contain #content #main .thr .txt p { font-size: 14px; line-height: 25px; color: #555; }

@media screen and (max-width: 1440px) { #enter_culture .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #enter_culture .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #enter_culture .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 768px) { #enter_culture .contain #content { width: 100%; float: none; margin: 0 auto; }
  #enter_culture .contain #content #main .name { line-height: 1.5; }
  #enter_culture .contain #content #main .one .left, #enter_culture .contain #content #main .one .right, #enter_culture .contain #content #main .two .left, #enter_culture .contain #content #main .two .right { width: 100%; } }
/*新闻中心 */
#news_center { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#news_center .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; padding-bottom: 40px;}
#news_center .contain #content #main { padding: 40px 0 20px; }
#news_center .contain #content #main:after { content: ""; clear: both; display: block; }
#news_center .contain #content #main .item { float: left; width: 30%; margin-right: 5%; box-sizing: border-box; border-bottom: 1px solid #eaeaea; padding-bottom: 30px; margin-bottom: 60px; }
#news_center .contain #content #main .item:nth-of-type(3n) { margin-right: 0; }
#news_center .contain #content #main .item .pic { width: 100%; padding-bottom: 66.6666666667%; position: relative; margin-bottom: 27px;overflow:hidden; }

#news_center .contain #content #main .item .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0;transition: all .3s; }
#news_center .contain #content #main .item .pic img:hover{transform: scale(1.1,1.1);}
#news_center .contain #content #main .item .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#news_center .contain #content #main .item .pic .time { position: absolute; bottom: 0; left: 0; width: 110px; height: 45px; background: rgba(227, 184, 101, 0.8); color: #fff; text-align: center; line-height: 45px; }
#news_center .contain #content #main .item .pic .time:before { content: " "; display: inline-block; vertical-align: middle; margin-top: -3px; width: 18px; height: 16px; background-image: url("../images/common/newsIcon1.png"); background-color: transparent; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-right: 10px; }
#news_center .contain #content #main .item .txt .name { transition: all .3s;line-height: 1.2; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; margin-bottom: 15px; }
#news_center .contain #content #main .item .txt .name:hover{color: #e3b865;text-decoration: underline;}
#news_center .contain #content #main .item .txt .name:before { content: " "; display: inline-block; vertical-align: middle; width: 16px; height: 2px; background: #e3b865; margin-right: 10px; }
#news_center .contain #content #main .item .txt .word {height:50px; line-height: 25px; font-size: 14px; color: #888; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; }

@media screen and (max-width: 1440px) { #news_center .contain #content { padding: 0 15px 30px; width: 1000px; } }
@media screen and (max-width: 1260px) { #news_center .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #news_center .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 768px) { #news_center .contain #content { width: 100%; float: none; margin: 0 auto; }
  #news_center .contain #content #main .item { width: 48%; margin-right: 3.5%; margin-bottom: 3.5%; }
  #news_center .contain #content #main .item:nth-of-type(3n) { margin-right: 3.5%; }
  #news_center .contain #content #main .item:nth-of-type(2n) { margin-right: 0; } }
/*通知公告 */
#news_alert { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#news_alert .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#news_alert .contain #content #main { padding: 40px 0 60px; }
#news_alert .contain #content #main .item { line-height: 66px; border-bottom: 1px solid #eaeaea; font-size: 15px; }
#news_alert .contain #content #main .item:hover .name{color: #e3b865;text-decoration: underline;}
#news_alert .contain #content #main .item:after { content: ""; clear: both; display: block; }
#news_alert .contain #content #main .item .name { transition: all .3s;float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; width: 70%; }
#news_alert .contain #content #main .item .name:before { content: ""; display: inline-block; width: 16px; height: 2px; margin-right: 10px; background: #e3b865; vertical-align: middle; }
#news_alert .contain #content #main .item .time { color: #999; float: right; }
#news_alert .contain #content #main .pager { margin-top: 60px; }

@media screen and (max-width: 1440px) { #news_alert .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #news_alert .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #news_alert .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 768px) { #news_alert .contain #content { width: 100%; float: none; margin: 0 auto; } }
/*列表详情 */
#news_detail_info, #business_project_info { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#news_detail_info .contain #content, #business_project_info .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#news_detail_info .contain #content #main, #business_project_info .contain #content #main { padding: 60px 0 60px; }
#news_detail_info .contain #content #main:after, #business_project_info .contain #content #main:after { content: ""; clear: both; display: block; }
#news_detail_info .contain #content #main .name, #business_project_info .contain #content #main .name { font-size: 24px; color: #444; text-align: center; margin-bottom: 22px; }
#news_detail_info .contain #content #main .time, 
#business_project_info .contain #content #main .time { 
  font-size: 14px; color: #999; text-align: center; margin-bottom: 15px; 
}
#news_detail_info .contain #content #main .line, #business_project_info .contain #content #main .line { text-align: center; background: #eaeaea; height: 1px; }
#news_detail_info .contain #content #main .line span, #business_project_info .contain #content #main .line span { display: inline-block; vertical-align: top; width: 85px; height: 1px; background: #e3b865; }
#news_detail_info .contain #content #main .detail, #business_project_info .contain #content #main .detail { padding: 40px 20px 0; }
#news_detail_info .contain #content #main .detail p, #business_project_info .contain #content #main .detail p { text-indent: 2em; color: #777; line-height: 28px; font-size: 16px; margin-bottom: 30px; }
#news_detail_info .contain #content #main .detail .pic, #business_project_info .contain #content #main .detail .pic { text-align: center; margin-bottom: 30px; }
#news_detail_info .contain #content #main .detail .pic img, #business_project_info .contain #content #main .detail .pic img { width: 48%; margin-right: 3.5%; }
#news_detail_info .contain #content #main .detail .pic img:last-of-type, #business_project_info .contain #content #main .detail .pic img:last-of-type { margin: 0; }

@media screen and (max-width: 1440px) { #news_detail_info .contain #content, #business_project_info .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #news_detail_info .contain #content, #business_project_info .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #news_detail_info .contain #content, #business_project_info .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 768px) { #news_detail_info .contain #content, #business_project_info .contain #content { width: 100%; float: none; margin: 0 auto; }
  #news_detail_info .contain #content #main .name, #business_project_info .contain #content #main .name { line-height: 1.5; }
  #news_detail_info .contain #content #main .one .left, #news_detail_info .contain #content #main .one .right, #news_detail_info .contain #content #main .two .left, #news_detail_info .contain #content #main .two .right, #business_project_info .contain #content #main .one .left, #business_project_info .contain #content #main .one .right, #business_project_info .contain #content #main .two .left, #business_project_info .contain #content #main .two .right { width: 100%; } }
/*业务领域列表 */
#business_list { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#business_list .contain #content { float: right; margin-top: -250px; background: #fff; width: 100%; }
#business_list .contain #content #main { padding: 50px 30px 30px; background-image: url("../images/business/bg.jpg"); background-color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#business_list .contain #content #main:after { content: ""; clear: both; display: block; }
#business_list .contain #content #main .item { float: left; width: 30%; margin-right: 5%; margin-bottom: 40px; border-bottom: 1px solid #fff;height:468px; }
#business_list .contain #content #main .item:nth-of-type(3n) { margin-right: 0; }
#business_list .contain #content #main .item > div { margin-bottom: 20px; }
#business_list .contain #content #main .item .pic { padding-bottom: 68.4210526316%; position: relative; }
#business_list .contain #content #main .item .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#business_list .contain #content #main .item .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#business_list .contain #content #main .item .name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; font-size: 20px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
#business_list .contain #content #main .item .list { text-align: center; }
#business_list .contain #content #main .item .list:after { content: ""; clear: both; display: block; }
#business_list .contain #content #main .item .list a { float: left; width: 32%; margin-right: 1.5%; line-height: 30px; font-size: 14px; background: #fff; }
#business_list .contain #content #main .item .list a:nth-of-type(3n) { margin-right: 0; }
#business_list .contain #content #main .item .list a.on { background: #e3b865; color: #102f66; }
#business_list .contain #content #main .item .detail { font-size: 14px; line-height: 25px; color: #555; color: #fff; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; margin-bottom: 30px; display:none;}
#business_list .contain #content #main .item .detail.on{display: -webkit-box;}

@media screen and (max-width: 1260px) { #business_list .contain { padding-top: 20px; }
  #business_list .contain #content { margin-top: 0; } }
@media screen and (max-width: 640px) { #business_list .contain #content { width: 100%; float: none; }
  #business_list .contain #content #main { padding: 10px; }
  #business_list .contain #content #main .item { width: 48%; margin-right: 3.5%; margin-bottom: 3.5%; }
  #business_list .contain #content #main .item:nth-of-type(3n) { margin-right: 3.5%; }
  #business_list .contain #content #main .item:nth-of-type(2n) { margin-right: 0; }
  #business_list .contain #content #main .item .list a { width: 100%; margin-bottom: 5px; } }
/*产业概述 */
#business_brief { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#business_brief .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#business_brief .contain #content #main { padding: 40px 0 60px; }
#business_brief .contain #content #main .title { font-size: 24px; color: #102f66; text-align: center; }
#business_brief .contain #content #main .title:after { content: ""; display: block; width: 45px; height: 3px; background: #e3b865; margin: 20px auto 0; }
#business_brief .contain #content #main > div { margin-bottom: 40px; }
#business_brief .contain #content #main > div .name { font-size: 24px; color: #e3b865; border-left: 4px solid #e3b865; padding-left: 20px; margin-bottom: 35px; }
#business_brief .contain #content #main > div .txt { font-size: 14px; line-height: 30px; color: #555; }
#business_brief .contain #content #main > div .txt p { margin-bottom: 30px; }
#business_brief .contain #content #main > div .pic { width: 100%; }

@media screen and (max-width: 1440px) { #business_brief .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #business_brief .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #business_brief .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 640px) { #business_brief .contain #content { width: 100%; float: none; margin: 0 auto; }
  #business_brief .contain #content #main .pic img { width: 100%; } }
/*建筑荣誉 */
#business_honour { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#business_honour .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#business_honour .contain #content #main { padding: 40px 0 60px; }
#business_honour .contain #content #main .detail { padding: 0 50px; }
#business_honour .contain #content #main .detail>div {display: none; }
#business_honour .contain #content #main .detail .on {display: block; }
#business_honour .contain #content #main .name { font-size: 24px; color: #e3b865; border-left: 4px solid #e3b865; padding-left: 20px; margin-bottom: 35px; color: #102f66; }
#business_honour .contain #content #main .txt { font-size: 14px; line-height: 30px; color: #555; }
#business_honour .contain #content #main .txt p { margin-bottom: 30px; }
#business_honour .contain #content #main .one { margin: 50px 0; line-height: 30px; }
#business_honour .contain #content #main .two:after { content: ""; clear: both; display: block; }
#business_honour .contain #content #main .two .left { width: 50%; border-left: 1px solid #eaeaea; padding-left: 20px; }
#business_honour .contain #content #main .two .left div { font-size: 14px; line-height: 50px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
#business_honour .contain #content #main .two .left div:before { content: ""; display: inline-block; vertical-align: middle; width: 29px; height: 29px; background-image: url("../images/common/honorIcon.png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-right: 10px; }
#business_honour .contain #content #main .two .right { width: 40%; padding-bottom: 48.9552238806%; position: relative; }
#business_honour .contain #content #main .two .right img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#business_honour .contain #content #main .two .right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }

@media screen and (max-width: 1440px) { #business_honour .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #business_honour .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #business_honour .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 640px) { #business_honour .contain #content { width: 100%; float: none; margin: 0 auto; }
  #business_honour .contain #content #main .two .left { width: 100%; margin-bottom: 30px; }
  #business_honour .contain #content #main .two .right { width: 100%; padding-bottom: 122.3880597015%; position: relative; }
  #business_honour .contain #content #main .two .right img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  #business_honour .contain #content #main .two .right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; } }
/*项目展示 */
#business_project { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#business_project .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; padding-bottom: 60px;}
#business_project .contain #content #main { padding: 40px 0 0px; }
#business_project .contain #content #main:after { content: ""; clear: both; display: block; }
#business_project .contain #content #main > .item { float: left; width: 30%; margin-right: 5%; box-sizing: border-box; border-bottom: 1px solid #eaeaea; padding-bottom: 30px; margin-bottom: 60px; }
#business_project .contain #content #main > .item:nth-of-type(3n) { margin-right: 0; }
#business_project .contain #content #main > .item .pic { width: 100%; padding-bottom: 66.6666666667%; position: relative; margin-bottom: 27px; overflow: hidden;}
#business_project .contain #content #main > .item .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0;transition: all .3s; }
#business_project .contain #content #main > .item .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#business_project .contain #content #main > .item .txt .name { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; margin-bottom: 15px; }
#business_project .contain #content #main > .item .txt .name:hover {color: #e3b865;text-decoration: underline;}
#business_project .contain #content #main > .item .txt .word {height: 50px; line-height: 25px; font-size: 14px; color: #888; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; }
#business_project .contain #content #main > .item:hover  .pic img{transform:scale(1.1,1.1);}


@media screen and (max-width: 1440px) { #business_project .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #business_project .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #business_project .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 640px) { #business_project .contain #content { width: 100%; float: none; margin: 0 auto; }
  #business_project .contain #content #main > .item { width: 48%; margin-right: 3.5%; margin-bottom: 3.5%; }
  #business_project .contain #content #main > .item:nth-of-type(3n) { margin-right: 3.5%; }
  #business_project .contain #content #main > .item:nth-of-type(2n) { margin-right: 0; } }
/*社会责任 */
#hire_talent { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#hire_talent .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#hire_talent .contain #content #main { padding: 40px 0 60px; }
#hire_talent .contain #content #main .name { color: #102f66; font-size: 24px; margin-bottom: 20px; font-weight: bold; }
#hire_talent .contain #content #main .detail { font-size: 14px; line-height: 23px; color: #555; }
#hire_talent .contain #content #main .detail p { margin-bottom: 0px; }
#hire_talent .contain #content #main > div { background: #f4f8fc; margin-bottom: 40px; }
#hire_talent .contain #content #main > div:after { content: ""; clear: both; display: block; }
#hire_talent .contain #content #main > div .pic, #hire_talent .contain #content #main > div .txt { width: 50%; }
#hire_talent .contain #content #main > div .pic img, #hire_talent .contain #content #main > div .txt img { width: 100%; }
#hire_talent .contain #content #main > div .txt { padding: 40px 20px 0; }



#hire_talent .contain #content #main > div:nth-of-type(2n) .pic { float: left; }
#hire_talent .contain #content #main > div:nth-of-type(2n) .txt { float: right;    padding: 40px 30px 0;}
#hire_talent .contain #content #main > div:nth-of-type(2n+1) .pic { float: right; }
#hire_talent .contain #content #main > div:nth-of-type(2n+1) .txt { float: left; }
#hire_talent .contain #content #main .one .txt { padding-top: 20px; }

@media screen and (max-width: 1440px) { #hire_talent .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #hire_talent .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #hire_talent .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 768px) { #hire_talent .contain #content { width: 100%; float: none; margin: 0 auto; }
  #hire_talent .contain #content #main > div .txt { padding: 20px; }
  #hire_talent .contain #content #main > div .pic, #hire_talent .contain #content #main > div .txt { width: 100%; } }
/*学院介绍 */
#hire_introduce { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#hire_introduce .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#hire_introduce .contain #content p { margin-bottom: 20px !important; }
#hire_introduce .contain #content #main { padding: 40px 0 60px; }
#hire_introduce .contain #content #main .one:after { content: ""; clear: both; display: block; }
#hire_introduce .contain #content #main .one .left { font-size: 14px; line-height: 30px; color: #555; width: 60%; text-indent: 2em; }
#hire_introduce .contain #content #main .one .left p { margin-bottom: 30px; }
#hire_introduce .contain #content #main .one .right { width: 38%; padding-bottom: 42.4600938967%; position: relative; }
#hire_introduce .contain #content #main .one .right img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#hire_introduce .contain #content #main .one .right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#hire_introduce .contain #content #main .two { font-size: 14px; line-height: 30px; color: #555; text-indent: 2em; }
#hire_introduce .contain #content #main .two p { margin-bottom: 30px; }

@media screen and (max-width: 1440px) { #hire_introduce .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #hire_introduce .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #hire_introduce .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 768px) { #hire_introduce .contain #content { width: 100%; float: none; margin: 0 auto; }
  #hire_introduce .contain #content #main .one .left, #hire_introduce .contain #content #main .one .right { width: 100%; }
  #hire_introduce .contain #content #main .one .right { padding-bottom: 111.7370892019%; position: relative; }
  #hire_introduce .contain #content #main .one .right img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  #hire_introduce .contain #content #main .one .right video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; } }
/*课程预告 */
#hire_course { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#hire_course .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#hire_course .contain #content #main { padding: 40px 0 60px; }
#hire_course .contain #content #main .list:after { content: ""; clear: both; display: block; }
#hire_course .contain #content #main .list .item { float: left; margin-bottom: 40px; width: 49%; margin-right: 2%; border: 1px solid #eaeaea; background: #f6f6f6;}
#hire_course .contain #content #main .list .item:hover {box-shadow: 0 0 10px rgba(0,0,0,.15); }
#hire_course .contain #content #main .list .item:after { content: ""; clear: both; display: block; }
#hire_course .contain #content #main .list .item:nth-of-type(2n) { margin-right: 0; }
#hire_course .contain #content #main .list .item .pic { float: left; width: 55%; padding-bottom: 40%; position: relative;overflow:hidden; }
#hire_course .contain #content #main .list .item .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .3s;}
#hire_course .contain #content #main .list .item .pic img:hover{transform: scale(1.1,1.1);}
#hire_course .contain #content #main .list .item .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#hire_course .contain #content #main .list .item .txt { width: 38%; margin-right: 4%; float: right; padding: 30px 0 0; }
#hire_course .contain #content #main .list .item .txt .name {transition:all .3s; color: #333; font-size: 16px; margin-bottom: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
#hire_course .contain #content #main .list .item .txt .name:hover{color: #e3b865;}
#hire_course .contain #content #main .list .item .txt .host { font-size: 14px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eaeaea; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
#hire_course .contain #content #main .list .item .txt .word { font-size: 14px; line-height: 26px; }
#hire_course .contain #content #main .list .item .txt .word a { display: inline; margin: 0; color: #e3b865; }

@media screen and (max-width: 1440px) { #hire_course .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #hire_course .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #hire_course .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 768px) { #hire_course .contain #content { width: 100%; float: none; margin: 0 auto; }
  #hire_course .contain #content #main .list .item { width: 100%; margin-right: 0%; }
  #hire_course .contain #content #main .list .item:nth-of-type(2n) { margin-right: 0; } }
@media screen and (max-width: 640px) { #hire_course .contain #content { width: 100%; float: none; margin: 0 auto; }
  #hire_course .contain #content #main .list .item .pic, #hire_course .contain #content #main .list .item .txt { width: 100%; }
  #hire_course .contain #content #main .list .item .pic { padding-bottom: 133.5227272727%; position: relative; }
  #hire_course .contain #content #main .list .item .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  #hire_course .contain #content #main .list .item .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
  #hire_course .contain #content #main .list .item .txt { margin-right: 0%; padding: 3%; } }
/*社会招聘 */
#hire_society { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#hire_society .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#hire_society .contain #content #main { padding: 40px 0 60px; }
#hire_society .contain #content #main .table .name { width: 100%; line-height: 40px; height: 40px; font-size: 14px; color: #fff; background: #e3b865; border-radius: 4px; padding: 0 30px; }
#hire_society .contain #content #main .table .name:after { content: ""; clear: both; display: block; }
#hire_society .contain #content #main .table .name > div { float: left; width: 22%; text-align: center; }
#hire_society .contain #content #main .table .name > div:last-of-type { width: 10%; }
#hire_society .contain #content #main .table .list { margin-bottom: 60px; }
#hire_society .contain #content #main .table .list .item { border-bottom: 1px solid #eaeaea; color: #666; }
#hire_society .contain #content #main .table .list .item .show { cursor:pointer;width: 100%; line-height: 48px; height: 48px; font-size: 14px; border-radius: 4px; padding: 0 30px; }
#hire_society .contain #content #main .table .list .item .show:hover{color: #e3b865;}
#hire_society .contain #content #main .table .list .item .show:after { content: ""; clear: both; display: block; }
#hire_society .contain #content #main .table .list .item .show > div { height:48px;float: left; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; width: 22%; }
#hire_society .contain #content #main .table .list .item .show > div:first-of-type { text-align: left; }
#hire_society .contain #content #main .table .list .item .show > div:first-of-type span { display: inline-block; vertical-align: middle; margin-right: 10px; width: 15px; height: 15px; background-image: url("../images/hire/icon.png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#hire_society .contain #content #main .table .list .item .show > div:last-of-type { width: 10%; }
#hire_society .contain #content #main .table .list .item .show > div:last-of-type span { display: inline-block; vertical-align: middle; width: 21px; height: 21px; cursor: pointer; background-image: url("../images/hire/open.png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#hire_society .contain #content #main .table .list .item .show > div:last-of-type span.on { background-image: url("../images/hire/close.png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#hire_society .contain #content #main .table .list .item .hidden { display: none; background: #f8f8f8; padding: 50px; }
#hire_society .contain #content #main .table .list .item .hidden > div > div { margin-bottom: 30px; }
#hire_society .contain #content #main .table .list .item .hidden > div > div > p { line-height: 25px; font-size: 14px; }
#hire_society .contain #content #main .table .list .item .hidden > a { width: 150px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; background: #e3b865; border-radius: 5px; }

@media screen and (max-width: 1440px) { #hire_society .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #hire_society .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #hire_society .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 640px) { #hire_society .contain #content { width: 100%; float: none; margin: 0 auto; }
  #hire_society .contain #content #main .scrollwrap { overflow-x: scroll; }
  #hire_society .contain #content #main .scrollwrap .table { width: 800px; } }
/*学校招聘 */
#hire_school { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#hire_school .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#hire_school .contain #content #main { padding: 40px 0 60px; }
#hire_school .contain #content #main .name { font-size: 24px; color: #102f66; text-align: center; margin-bottom: 20px; }
#hire_school .contain #content #main .txt { font-size: 14px; text-align: center; }
#hire_school .contain #content #main .single > div { margin-bottom: 50px; }
#hire_school .contain #content #main .single img { width: 100%; }
#hire_school .contain #content #main .single .fou .name{display: none;}
#hire_school .contain #content #main .single .pic2 { display: none;}
#hire_school .contain #content #main .single .list:after { content: ""; clear: both; display: block; }
#hire_school .contain #content #main .single .list div { float: left; width: 22%; line-height: 70px; text-align: center; font-size: 20px; background: #d4e0ed; margin-right: 4%; margin-bottom: 20px; }
#hire_school .contain #content #main .single .list div:nth-of-type(4n) { margin-right: 0; }
#hire_school .contain #content #main .table .tablename { width: 100%; line-height: 40px; height: 40px; font-size: 14px; color: #fff; background: #102f66; border-radius: 4px; padding: 0 30px; }
#hire_school .contain #content #main .table .tablename:after { content: ""; clear: both; display: block; }
#hire_school .contain #content #main .table .tablename > div { float: left; width: 22%; text-align: center; }
#hire_school .contain #content #main .table .tablename > div:last-of-type { width: 10%; }
#hire_school .contain #content #main .table .list { margin-bottom: 60px; }
#hire_school .contain #content #main .table .list .item { border-bottom: 1px solid #eaeaea; color: #666; }
#hire_school .contain #content #main .table .list .item .show { width: 100%; line-height: 48px; height: 48px; font-size: 14px; border-radius: 4px; padding: 0 30px; cursor: pointer;}
#hire_school .contain #content #main .table .list .item .show:hover{color: #e3b865;}
#hire_school .contain #content #main .table .list .item .show:after { content: ""; clear: both; display: block; }
#hire_school .contain #content #main .table .list .item .show > div { float: left; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; width: 22%; }
#hire_school .contain #content #main .table .list .item .show > div:first-of-type { text-align: left; }
#hire_school .contain #content #main .table .list .item .show > div:first-of-type span { display: inline-block; vertical-align: middle; margin-right: 10px; width: 15px; height: 15px; background-image: url("../images/hire/icon.png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#hire_school .contain #content #main .table .list .item .show > div:last-of-type { width: 10%; }
#hire_school .contain #content #main .table .list .item .show > div:last-of-type span { display: inline-block; vertical-align: middle; width: 21px; height: 21px; cursor: pointer; background-image: url("../images/hire/open2.png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#hire_school .contain #content #main .table .list .item .show > div:last-of-type span.on { background-image: url("../images/hire/close2.png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#hire_school .contain #content #main .table .list .item .hidden { display: none; background: #f8f8f8; padding: 50px; }
#hire_school .contain #content #main .table .list .item .hidden > div > div { margin-bottom: 30px; }
#hire_school .contain #content #main .table .list .item .hidden > div > div > p { line-height: 25px; font-size: 14px; }
#hire_school .contain #content #main .table .list .item .hidden > a { width: 150px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; background: #e3b865; border-radius: 5px; }

@media screen and (max-width: 1440px) { #hire_school .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #hire_school .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #hire_school .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 640px) { #hire_school .contain #content { width: 100%; float: none; margin: 0 auto; }
  #hire_school .contain #content #main .scrollwrap { overflow-x: scroll; }
  #hire_school .contain #content #main .scrollwrap .table { width: 800px; }
  #hire_school .contain #content #main .single > div { margin-bottom: 50px; }
  #hire_school .contain #content #main .single img { width: 100%; }
  #hire_school .contain #content #main .single .list:after { content: ""; clear: both; display: block; }
  #hire_school .contain #content #main .single .list div { float: left; width: 48%; margin-right: 3.5%; margin-bottom: 20px; }
  #hire_school .contain #content #main .single .list div:nth-of-type(4n) { margin-right: 3.5%; }
  #hire_school .contain #content #main .single .list div:nth-of-type(2n) { margin-right: 0; } }
/*招聘表单 */
#hire_detail_info { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#hire_detail_info .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#hire_detail_info .contain #content #main { padding: 40px 0 60px; }
#hire_detail_info .contain #content #main .name { font-size: 24px; color: #102f66; text-align: center; margin-bottom: 20px; }
#hire_detail_info .contain #content #main .table table { width: 100%; }
#hire_detail_info .contain #content #main .table table input,
#hire_detail_info .contain #content #main .table table textarea { width: 100%; height: 40px; box-sizing: border-box; padding-left: 10px; border: 1px solid #eaeaea; }
#hire_detail_info .contain #content #main .table table textarea{height: 120px;padding: 10px;}
#hire_detail_info .contain #content #main .table table input.file { border: none; }
#hire_detail_info .contain #content #main .table table tr { width: 100%; text-align: left; }
#hire_detail_info .contain #content #main .table table tr td { padding: 15px 10px; }
#hire_detail_info .contain #content #main .table table tr .title { color: #102f66; }
#hire_detail_info .contain #content #main .table table tr.more td { width: 33%; position: relative; }
#hire_detail_info .contain #content #main .table table tr.more td:after { position: absolute; right: 2px; top: 31px; content: "*"; color: #f00; }
#hire_detail_info .contain #content #main .table .btn { border: none; background: #e3b865; color: #fff; width: 80%; border-radius: 5px; cursor: pointer; }

@media screen and (max-width: 1440px) { #hire_detail_info .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #hire_detail_info .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #hire_detail_info .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 640px) { #hire_detail_info .contain #content { width: 100%; float: none; margin: 0 auto; }
  #hire_detail_info .contain #content #main .scrollwrap { overflow-x: scroll; }
  #hire_detail_info .contain #content #main .scrollwrap .table { width: 800px; } }
/*联系方式 */
#contract_map { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#contract_map .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#contract_map .contain #content #main { padding: 50px 0 30px; }
#contract_map .contain #content #main .item { border: 1px solid #eaeaea; margin-bottom: 50px; }
#contract_map .contain #content #main .item:after { content: ""; clear: both; display: block; }
#contract_map .contain #content #main .item .left { width: 45%; }
#contract_map .contain #content #main .item .left .name { height: 45px; margin-top: 35px; }
#contract_map .contain #content #main .item .left .name div { font-size: 24px; padding: 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; color: #e3b865; border-left: 4px solid #e3b865; }
#contract_map .contain #content #main .item .left .list { padding: 0 10px; height: 260px; }
#contract_map .contain #content #main .item .left .list .con { font-size: 15px; border-bottom: 1px solid #eaeaea; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
#contract_map .contain #content #main .item .left .list .con:last-of-type { border: none; }
#contract_map .contain #content #main .item .left .list .con span { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 5px; }
#contract_map .contain #content #main .item .left .list .con.loc span { background-image: url("../images/contract/contract (6).png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#contract_map .contain #content #main .item .left .list .con.zip span { background-image: url("../images/contract/contract (5).png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#contract_map .contain #content #main .item .left .list .con.pho span { background-image: url("../images/contract/contract (1).png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#contract_map .contain #content #main .item .left .list .con.fax span { background-image: url("../images/contract/contract (2).png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#contract_map .contain #content #main .item .left .list .con.ema span { background-image: url("../images/contract/contract (3).png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#contract_map .contain #content #main .item .left .list .con.web span { background-image: url("../images/contract/contract (4).png"); background-color: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; }
#contract_map .contain #content #main .item .right { width: 54%; height: 340px; }
#contract_map .contain #content #main .item .right .mapcontent { width: 100%; height: 100%; }

@media screen and (max-width: 1440px) { #contract_map .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #contract_map .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #contract_map .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 768px) { #contract_map .contain #content { width: 100%; float: none; margin: 0 auto; }
  #contract_map .contain #content #main .item .left, #contract_map .contain #content #main .item .right { width: 100%; }
  #contract_map .contain #content #main .item .right { height: 240px; } }
/*在线留言 */
#contract_feedback { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#contract_feedback .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#contract_feedback .contain #content #main { padding: 40px 0 60px; }
#contract_feedback .contain #content #main:after { content: ""; clear: both; display: block; }
#contract_feedback .contain #content #main .msg > div { width: 60%; margin: 0 auto 20px; }
#contract_feedback .contain #content #main .msg .one { border-bottom: 1px solid #eaeaea; padding-bottom: 20px; }
#contract_feedback .contain #content #main .msg .one:after { content: ""; clear: both; display: block; }
#contract_feedback .contain #content #main .msg .one .left img { width: 55px; margin-right: 20px; }
#contract_feedback .contain #content #main .msg .one .left > div { font-size: 14px; line-height: 20px; }
#contract_feedback .contain #content #main .msg .one .left > p { font-size: 33px; line-height: 35px; color: #e3b865; }
#contract_feedback .contain #content #main .msg .two { font-size: 14px; line-height: 30px; color: #555; color: #102f66; margin-bottom: 60px; }
#contract_feedback .contain #content #main .msg .two p { margin-bottom: 30px; }
#contract_feedback .contain #content #main .msg .two p { font-size: 16px; color: #555; }
#contract_feedback .contain #content #main .table { width: 60%; margin: 0 auto; }
#contract_feedback .contain #content #main .table form { width: 100%; text-align: left; }
#contract_feedback .contain #content #main .table form table { width: 100%; }
#contract_feedback .contain #content #main .table form table tr td:after { content: ""; clear: both; display: block; }
#contract_feedback .contain #content #main .table form table tr td input, #contract_feedback .contain #content #main .table form table tr td textarea { box-sizing: border-box; width: 100%; padding: 0 10px; border: 1px solid #eaeaea; border-radius: 4px; margin-bottom: 10px; }
#contract_feedback .contain #content #main .table form table tr td input { height: 40px; }
#contract_feedback .contain #content #main .table form table tr td input.btn { width: 30%; border: none; background: #102f66; color: #fff; cursor: pointer; float: left; margin-top: 30px; }
#contract_feedback .contain #content #main .table form table tr td textarea { height: 195px; line-height: 40px; resize: none; }

@media screen and (max-width: 1440px) { #contract_feedback .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #contract_feedback .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #contract_feedback .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 640px) { #contract_feedback .contain #content { width: 100%; float: none; margin: 0 auto; }
  #contract_feedback .contain #content #main .msg > div { width: 100%; }
  #contract_feedback .contain #content #main .table { width: 100%; } }
/*综合管理平台 */
#management { width: 100%; background-image: url("../images/#"); background-color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#management .contain { padding-top: 170px; padding-bottom: 130px; }
#management .contain .name { text-align: center; color: #fff; }
#management .contain .name > div:nth-of-type(1) { font-size: 36px; margin-bottom: 15px; }
#management .contain .name > div:nth-of-type(2) { font-size: 24px; margin-bottom: 75px; }
#management .contain .list { width: 65%; margin: 0 auto; }
#management .contain .list:after { content: ""; clear: both; display: block; }
#management .contain .list .item { background: #fff; float: left; width: 33.333%; padding: 35px 0; }
#management .contain .list .item:hover .pic{animation: toggle .5s;}
/*#management .contain .list .item:nth-of-type(3n) { margin-right: 0; }*/
#management .contain .list .item > div { margin: 0 auto; }
#management .contain .list .item .pic { width: 40%; padding-bottom: 40%; position: relative; margin-bottom: 10px; position: relative;top: 0;}
@keyframes toggle{
  0{top: 0;}
  50%{top: -15px;}
  100%{top: 0;}
}
#management .contain .list .item .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#management .contain .list .item .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#management .contain .list .item .txt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; width: 80%; font-size: 18px; text-align: center; color: #102f66; }

@media screen and (max-width: 768px) { #management .contain .list { width: 100%; } }
@media screen and (max-width: 640px) { #management .contain .list .item { width: 48%; margin-right: 3.5%; }
 /* #management .contain .list .item:nth-of-type(3n) { margin-right: 3.5%; }*/
  /*#management .contain .list .item:nth-of-type(2n) { margin-right: 0; }*/ }
/*辅助栏目 */
#assis { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#assis .contain #content { float: right; margin-top: -250px; background: #fff; padding: 0 30px; width: 1040px; }
#assis .contain #content #main { padding: 40px 0 60px; }
#assis .contain #content #main:after { content: ""; clear: both; display: block; }
#assis .contain #content #main > .item { float: left; width: 30%; margin-right: 5%; box-sizing: border-box; border: 1px solid #eaeaea; padding-bottom: 30px; margin-bottom: 60px; transition:all .3s;}
#assis .contain #content #main > .item:nth-of-type(3n) { margin-right: 0; }
#assis .contain #content #main > .item:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
#assis .contain #content #main > .item:hover .pic img { -webkit-transform: translate(0, 0) rotate(0) scale(1.1, 1.1); -moz-transform: translate(0, 0) rotate(0) scale(1.1, 1.1); -ms-transform: translate(0, 0) rotate(0) scale(1.1, 1.1); -o-transform: translate(0, 0) rotate(0) scale(1.1, 1.1); transform: translate(0, 0) rotate(0) scale(1.1, 1.1); }
#assis .contain #content #main > .item .pic { width: 100%; padding-bottom: 54.5454545455%; position: relative; margin-bottom: 27px; overflow: hidden;}
#assis .contain #content #main > .item .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .3s;}
#assis .contain #content #main > .item .pic video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; }
#assis .contain #content #main > .item .txt .name { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; text-align: center; padding: 0 5%; }

@media screen and (max-width: 1440px) { #assis .contain #content { padding: 0 15px; width: 1000px; } }
@media screen and (max-width: 1260px) { #assis .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 1100px) { #assis .contain #content { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 640px) { #assis .contain #content { width: 100%; float: none; margin: 0 auto; }
  #assis .contain #content #main > .item { width: 48%; margin-right: 3.5%; margin-bottom: 3.5%; }
  #assis .contain #content #main > .item:nth-of-type(3n) { margin-right: 3.5%; }
  #assis .contain #content #main > .item:nth-of-type(2n) { margin-right: 0%; } }
/*搜索 */
#search { width: 100%; background: #e9eff5; padding-bottom: 65px; }
#search .contain #content { float: right; margin-top: -250px; background: #fff; width: 100%; }
#search .contain #content #main { padding: 50px 30px 30px; background: #fff; }
#search .contain #content #main:after { content: ""; clear: both; display: block; }
#search .contain #content #main a { line-height: 30px; font-size: 18px; margin-bottom: 30px; padding-left: 30px; color: #555; border-left: 4px solid #e3b865; box-sizing: border-box; }
#search .contain #content #main a:hover p { color: #e3b865; }

@media screen and (max-width: 1260px) { #search .contain #content { width: 1024px; float: none; margin: 0 auto; } }
@media screen and (max-width: 640px) { #search .contain #content { width: 100%; float: none; margin: 0 auto; } }

/*# sourceMappingURL=whir_css.css.map */

.share{ margin-bottom:10px }
.share .bdsharebuttonbox{ text-align:center }
.share .bdsharebuttonbox a{ display:inline-block; float:none }

#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left > .txt{
	position: relative;
	text-align: justify;
}
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left > .txt .toDetail{
	font-size: 14px;
	color: #102f66;
	position: absolute;
	right: 0;
	bottom: -36px;
	line-height: 36px;
	display: inline-block;
	font-weight: bold;
	padding: 0 20px;
	border: 1px solid #102f66;
}
#index .page > .swiper-wrapper > .swiper-slide.indexOne .indexContent .left > .txt .toDetail:hover{
	background: #102f66;
	color: #fff;
}


@media screen and (max-width: 1400px) {  #logoFull{display: none;} }


#index .page > .swiper-wrapper > .swiper-slide.indexThr .indexContent .indexCon .left .swiper-pagination-bullet{
	background: #fff;
}





@media screen and (max-width: 1260px){
#hire_school .contain #content #main .one{margin-bottom: 500px;}	
}
#hire_school .contain #content #main .one .left{width: 45%;float: left;}
#hire_school .contain #content #main .txt {font-size: 14px;line-height: 30px;color: #555;text-align: left;}
#hire_school .contain #content #main .one .right {width: 52%;float: right;padding-bottom: 55%;position: relative;position: relative;}
#hire_school .contain #content #main .one .right img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

@media screen and (max-width: 960px){
	#hire_school .contain #content #main .one .left{width: 100%;}
	#hire_school .contain #content #main .one .right{width: 100%;text-align: center;padding-bottom: 83%;}
	#hire_school .contain #content #main .one{margin-bottom: 800px;}	
}
#hire_school #main .right{ text-align: right; float: none; }
#hire_school #main .right img{ max-width: 100%; }
@media screen and (max-width: 640px){
	#hire_school .contain #content #main .one{margin-bottom: 700px;}	
		#hire_school .contain #content #main .one .right{width: 100%;text-align: center;padding-bottom: 100%;}
	#management .contain .list .item{ margin: 2% 0; }
	#management .contain .list .swiper-wrapper{ height: auto!important; }

}


#news_detail_info .contain #content #main .detail img, #business_project_info .contain #content #main .detail img{ max-width: 100%; }
#news_detail_info .contain #content #main .detail p, #business_project_info .contain #content #main .detail p{ text-indent: 0; }
#business_brief img{ max-width: 100%; }

#management .contain .list .item{ height: auto!important; }


#index .page > .swiper-wrapper > .swiper-slide .banner > .swiper-wrapper > .swiper-slide .mbimg{ display: none; }
@media screen and (max-width: 640px){
	#index .page > .swiper-wrapper > .swiper-slide .banner > .swiper-wrapper > .swiper-slide{ background: #ccc; }
	#index .page > .swiper-wrapper > .swiper-slide .banner > .swiper-wrapper > .swiper-slide .mbimg{ display: block; width: 100%; height: 100%; }
}